Jquery阻止事件冒泡
2011-12-10 20:36
218 查看
帮朋友写了一个小效果，单击标签后标签变色并添加一个叉的图片，点击叉标签恢复原样，具体效果请点击下面的result
东西并不难，主要是记录下其中的阻止事件冒泡。
因为div添加了单击事件，div内部的img也添加了单击事件，所以当单击img时会先触发img上的单击事件，再触发div上的单击事件，这就是事件冒泡。
在Jquery中我们可以很方便的阻止他。
如下
这样一来单击img就不再触发div的单击事件啦
东西并不难，主要是记录下其中的阻止事件冒泡。
因为div添加了单击事件，div内部的img也添加了单击事件，所以当单击img时会先触发img上的单击事件，再触发div上的单击事件，这就是事件冒泡。
在Jquery中我们可以很方便的阻止他。
如下
event.stopPropagation();
这样一来单击img就不再触发div的单击事件啦
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery阻止事件冒泡
- 利用JQuery阻止事件冒泡
- JQuery中阻止事件冒泡几种方式及其区别介绍
- 一个小例子解释如何来阻止Jquery事件冒泡
- 阻止jQuery事件冒泡
- jQuery中阻止冒泡事件的方法介绍
- jquery阻止事件冒泡
- jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
- jQuery阻止事件冒泡
- js阻止浏览器的默认行为以及停止事件冒泡（用JQuery实现回车提交，兼容IE、FF浏览器）
- JQuery中阻止事件冒泡方式及其区别
- 阻止jQuery事件冒泡
- jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
- js阻止浏览器的默认行为以及停止事件冒泡（用JQuery实现回车提交，兼容IE、FF浏览器）
- 关于jquery动态加载节点后阻止事件冒泡失效的问题
- jquery阻止冒泡事件 模拟事件
- js阻止冒泡及jquery阻止事件冒泡示例介绍
- 阻止jquery事件冒泡
- 什么是事件冒泡？如何用jquery/js阻止事件冒泡？阻止冒泡有什么作用？小生来抛个砖。