js事件(Event)之（三）阻止事件冒泡 - yycode - 博客园
前续：本文来自于网络文章整理，仅供参考，欢迎纠错指正。
JS事件流其中一种是冒泡事件，当一个元素被触发一个事件时，该目标元素的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上浮，到在水平面时，它才消失。在这个过程中，如果你只希望事件发生在目标元素，而不想它传播到祖先元素上去，那么你需要在&泡泡&离开对象之前刺破它。
1 function stopPropagation(e) {
e = e || window.
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
e.cancelBubble = true; //IE阻止冒泡方法
1 function stopPro(evt){
var e = evt || window.
//returnValue如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，
//可以取消发生事件的源元素的默认动作。
//window.event?e.returnValue = false:e.preventDefault();//默认事件
window.event?e.cancelBubble=true:e.stopPropagation();
jQuery做法：
方式一：event.stopPropagation();
1 $("#div1").mousedown(function(event){
event.stopPropagation(); //阻止冒泡事件，上级的xxx事件不会被调用，但不阻止事件本身
1 $("#div1").mousedown(function(event){
return false; //不仅阻止了事件往上冒泡，而且阻止了事件本身{"result":"fail","msg":"该篇内容已被删除"}YY帐号登录
扫描分享到微信
表情加载中...
贵族LV3专属
贵族LV3专属
LV3贵族用户可以发送表情，快去升级吧
LV3-LV4贵族最多同时发 1 个表情
LV5-LV10贵族最多同时发 2 个表情
LV11 以上贵族最多同时发 3 个表情
大家都在看
任务说明：新用户注册账号（含第三方登录授权）
30天内绑定手机，即可参与抢红钻！抢到为止！
任务奖励：
今日剩余：
任务说明：新用户注册30天内，成功分享
5位 正在直播的主播，即可参与抢红钻！抢到为止！
任务奖励：
今日剩余：
任务说明：新用户注册账号（含第三方授权）后，连续登录
3天、7天 ，即可参与抢红钻！抢到为止！
任务详情：
任务说明：新用户注册30天内，
充值Y币，即可参与抢红钻！抢到为止！
任务奖励：
今日剩余：
登录手机YY
任务说明：
新用户注册30天内登录手机YY，即可参与抢红钻！抢到为止！
任务奖励：
今日剩余：
任务说明：
成功注册后的
第2周、第3周、第4周的周三和周六 登录直播间，即可参与抢红钻！
今日可抢：
今日剩余：199951 份
今天已抢光！明天赶早哟~
绑定手机成功，您可以去领红钻了~
下载手机 YY
扫描二维码下载手机YY，尽享精彩直播！无聊，出来冒泡了，怎样_百度知道