jQuery点击其他地方时菜单消失的实现方法(jquery点击方法)

编辑：rootadmin

推荐整理分享jQuery点击其他地方时菜单消失的实现方法(jquery点击方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery点击其他地方隐藏div,jquery调用点击事件,jquery实现点击按钮,jquery点击其他地方隐藏div,jquery调用点击事件,jquery 点击其他区域关闭对话框,jquery点击其他地方隐藏div,jquery实现点击按钮,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考，具体如下：

事情是这样的,比如我点击一个div显示出一个菜单,当点击其他地方,菜单消失,其中一个思路就是给document绑定上click事件,如果是点击div就显示菜单,如果是点击document就隐藏菜单,但是如果点击div也等于是点击了document,所以在点击div的事件里面执行完要执行的语句,然后终止js的冒泡,否则会既执行了div的点击事件,又继续冒泡到document事件上,执行了document的click的内容

我的意思就是div也属于document,所以点击div也是点击了document,所以在不进行任何限制的情况下,点击div的时候,div和document的方法都会执行,进行限制的具体内容就是在点击div的方法里面停止冒泡,具体方法就是用e.stopPropagation()→"适用于非ie"方法,如果是ie就是e.cancelBubble=true

还有一种思路就是在document的click方法中判断触发的源是哪一个,如果是div的话就不执行任何操作也就是return,如果不是div的话,那就将菜单隐藏具体如下

event对象包含了一个重要属性：target(W3C)/srcElement(IE)，这个属性标识了触发事件的原始元素，思路二就是要利用这个属性。我们可以直接对document的click事件绑定事件处理程序，在事件处理程序中判读事件源是否为id==test的div元素或其子元素，如果是则方法return不做操作，如果不是则隐藏该div。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作json数据技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jquery插件Jplayer使用方法简析初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。现在从需求上来了解它

基于jquery实现轮播特效轮播是学习jquery开始的第二个实现的动效，也是学习时间最久的一个。在实现轮播的过程中总是会遇到各种各样的问题，请教过很多人，也多次问过度

jQuery 监控键盘一段时间没输入监控一段时间没输入可用于简单的输入完成上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题，其中核心的判断标准是输

标签: jquery点击方法

本文链接地址:https://www.jiuchutong.com/biancheng/384972.html 转载请保留说明！

上一篇：BootStrap和jQuery相结合实现可编辑表格(bootstrap和css的关系)

下一篇：jquery插件Jplayer使用方法简析(jQuery插件封装时如要实现链式编程,需要)