有思俱乐部学习园地

阻止冒泡


U.UF.EV.stopBubble()

/**
* 阻止冒泡
*/
当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有上级元素中被触发。  
这一过程被称为事件冒泡。

This is parent1 div.
This is child1.
This is parent1 div.
This is parent2 div.
This is child2. Will bubble.
This is parent2 div.
注:第一个黄橙div是没有阻止冒泡事件 第二个青浅蓝div 点击提交按钮 有阻止冒泡事件 差别在于: 第一个div点击橙色div时该父级以以上的元素都会触发事件 第二个div点击浅蓝色div时 只执行该元素的事件
$("#child2")[0].onclick=function(){U.UF.EV.stopBubble();alert($("#child2")[0].id)}

返回结果

工作人员

 
作者:廖泽愈
信息录入:廖泽愈