位置: 编程技术 - 正文
推荐整理分享jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery触发点击事件click,jquery的点击事件怎么写,jquery点击事件有什么方法显示,jquery的点击事件怎么写,jquery点击按钮弹出窗口,jquery实现点击按钮,jquery中点击事件点击没动静,jquery实现点击按钮,内容如对您有帮助,希望把文章链接给更多的朋友!
本文实例讲述了jQuery实现点击某个div打开层,点击其他div关闭层的方法。分享给大家供大家参考,具体如下:
其实很早就学过js一些高级部分的知识,但是用的不多,也就慢慢淡忘了。最近发现随着编程的深入,你不得不用到它们,比如事件的冒泡。
有一需求如下:
①点击class = "click" 块 弹出 class="pop" 块②点击class = "page" 块 关闭 class="pop" 块③点击class = "pop" 块 不关闭任何块
如果用jQuery 鲁莽一点,直接的程序就写出来了
你这么一闹腾,问题就出来了,当我点击"click"块的时候,妹的,我还没看到弹出层 "pop",瞬间就关闭了,这是为什么呢?因为你点击"click" 的瞬间,触发了两个事件,第一个是 自己本身的点击事件,因为自己的父层也注册了点击事件,那第二个父层的点击事件也被触发了,即所谓的事件冒泡。
我又想保留这两个事件,但又不想出现这样的情况,怎么办,这就是我要说的 阻止事件冒泡。
阻止事件冒泡大致有两种办法:
1)使用 return false;2)使用 event.stopPropagation();
其实两者的原理差不多,就是屏蔽要冒泡的对象
或者:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
jQuery实现隔行变色的方法分析(对比原生JS) 本文实例分析了jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下:原生js:vartab=document.getElementByTagName('table')[0];vartr=tab.getElementByTagName('tr');
基于jQuery的select下拉框选择触发事件实例分析 本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考,具体如下:我一直以来都认为,select下拉框选择对选项options使
基于jQuery的checkbox全选问题分析 本文实例分析了基于jQuery的checkbox全选问题。分享给大家供大家参考,具体如下:最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选使
上一篇:jQuery实现自动调用和触发某个事件的方法(jquery自动完成插件)
友情链接: 武汉网站建设