标签：event 支持 UNC 例子 rop asc cancel 冒泡 log
定义：事件冒泡:多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了,外面的元素的该事件自动的触发了.
例子：
HTML代码
<div id="dv1"> <div id="dv2"> <div id="dv3"></div> </div> </div>
CSS代码
#dv1{ width: 300px; height: 200px; background-color: red; } #dv2{ width: 250px; height: 150px; background-color: green; } #dv3{ width: 200px; height: 100px; background-color: blue; }
JavaScript代码
如何阻止事件冒泡:
window.event.cancelBubble=true; IE特有的,谷歌支持,火狐不支持
e.stopPropagation(); 谷歌和火狐支持,
1 my$("dv1").onclick=function () { 2 console.log(this.id); 3 }; 4 my$("dv2").onclick=function () { 5 console.log(this.id);
//阻止事件冒泡 6 window.event.cancelBubble=true; 7 }; 8 9 my$("dv3").onclick=function (e) { 10 console.log(this.id); 11 //阻止事件冒泡 12 e.stopPropagation();
};
标签：event 支持 UNC 例子 rop asc cancel 冒泡 log
原文地址：https://www.cnblogs.com/xiamo628/p/10177854.html
