原文:点击页面div弹窗以外隐藏的两种思路

在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序.. 第一种思路分两步第一步:对document的click事件绑定事件处理程序,使其隐藏该div第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div。 这样当点击页面非div区域的时候 ...

2016-01-13 01:00 0 4492 推荐指数:

查看详情

css两种隐藏div的区别

  1.display:none   display:none该div会被隐藏,且不占样式空间,不会被该div影响任何布局   2.version:hidden   variable:hidden该div会被隐藏,但是依旧占样式空间,该div依然会影响布局   总结:display ...

Thu Mar 28 02:50:00 CST 2019 0 1284
点击页面隐藏div处理

需求:   点击按钮,显示一个操作框,点击页面隐藏操作框 实现步骤:   1.对页面根元素绑定click事件,点击页面时,隐藏操作框;   2.对操作框绑定click事件,事件回调中阻止事件冒泡。   此时点击页面,只会执行根元素的点击 ...

Wed Mar 20 05:40:00 CST 2019 0 543
vue(js)点击目标div以外区域将目标div隐藏

今天开发新项目的时候,有个需求,点击一个div 展示出个弹出窗 弹出窗标题的颜色要跟点击div图标颜色一致, 所以这就需要我遍历一下多个数据, 然后需要点击弹出div的外部其他区域,隐藏这个div。所以 有了以下操作! 这个点击事件@click.stop="isPop ...

Wed Jul 31 23:11:00 CST 2019 0 3293
隐藏和显示div两种方法

方式一 style="visibility: none;" visiblity:visible -------->可见 visiblity:hidden ------->不可见(隐藏) 这种方法div是占据空间的,只是说看到的是空白 方式二 style="display ...

Mon Mar 13 07:34:00 CST 2017 1 29852
点击页面其它地方将某个显示的DIV隐藏

此文中有一个BUG,改进后点击页面其它地方将某个显示的DIV隐藏(改进) 背景:今天一朋友问我“点击一按钮弹出一个DIV,然后要求点击页面其它地方隐藏这个DIV”。 先看效果: 点击我 中文(简体) English ...

Thu Jul 12 23:09:00 CST 2012 2 3707
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM