点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧 <script> //定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派 ...
在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div。比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单。 先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: 对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看Java ...
2013-08-05 22:52 6 18876 推荐指数:
点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧 <script> //定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派 ...
此文中有一个BUG,改进后点击页面其它地方将某个显示的DIV隐藏(改进) 背景:今天一朋友问我“点击一按钮弹出一个DIV,然后要求点击页面其它地方隐藏这个DIV”。 先看效果: 点击我 中文(简体) English ...
1原生方法 // html <div id="box" style="width:110px;height:110px;background-color:red"></div> //js------js的contains方法用来查看dom元素的包含关系 ...
方法一: 通过监听事件 方法二(比较好): 给最外层的div加个点击事件 @click="userClick=false" 给点击的元素上面加上:@click.stop="userClick=!userClick ...
方法一: 通过监听事件 方法二(比较好): 给最外层的div加个点击事件 @click="userClick=false" 给点击的元素上面加上:@click.stop="userClick=!userClick" ...
web页面常用的一个需求,写下拉菜单是我们往往不是用select_option,而是自定义一个元素列出选项来满足需求,当我们点击按钮出现菜单, 点击按钮或菜单以外页面空白地方隐藏该菜单,这里提供一种简单有效的方法仅供参考: 点击button出现div菜单,再次点击button ...