jquery里阻止冒泡ev.stopPropagation()
2015-03-24 09:11
267 查看
$(function(){
$('#div1').click(function(){
alert($(this).attr('id'));
});
$('#div2').click(function(){
alert($(this).attr('id'));
});
$('#div3').click(function(ev){
alert($(this).attr('id'));
ev.stopPropagation();
})
})再看看html代码：
<div id="div1" style="background:red;"> <div id="div2" style="background:blue;"> <div id="div3" style="background:green;"></div> </div> </div>
三个div套在一起，这个时候，如果给其中的任何一个加点击事件，就会出现冒泡的现象，它从DOM最低层逐层遍历树，然后附加相应事件，这里用ev.stopPropagation()去阴止冒泡，就可以达到想要的效果了！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery里阻止冒泡ev.stopPropagation()
- jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
- Jquery阻止事件冒泡 event.stopPropagation
- Jquery阻止事件冒泡 event.stopPropagation
- jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
- jquery阻止冒泡事件：$('span').bind("click",function(event){event.stopPropagation();})（有用源）
- 阻止默认和冒泡事件，认清event.preventDefault()、event.stopPropagation()和return false区别
- s事件之event.preventDefault()与event.stopPropagation()的阻止默认事件和阻止事件冒泡的用法
- jquery的冒泡事件event.stopPropagation()
- js阻止时间冒泡事件——event.stopPropagation()
- click点击一次触发多次，冒泡与阻止冒泡，event.stopPropagation()和event.preventDefault()，return false三种的区别
- 停止冒泡和阻止浏览器默认行为stopPropagation preventDefault
- 阻止冒泡的方法 event.stopPropagation();
- 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
- jquery的冒泡事件event.stopPropagation()
- jquery的冒泡事件event.stopPropagation()兼容问题
- 实例 （用到 阻止事件冒泡 event.stopPropagation();）
- AngularJS阻止事件冒泡$event.stopPropagation()
- 阻止事件冒泡event.stopPropagation()
- e.stopPropagation()阻止冒泡