事件冒泡
2020-04-10 本文已影响0人
在下高姓
<body>
<div class="div" onclick="alert(`父元素事件`)">
<li>事件冒泡</li>
</div>
<script>
let b=document.getElementsByTagName("li")[0];//子元素
let a=document.getElementsByTagName("div")[0];//父元素
<!-- 子元素绑定事件 -->
b.onclick=function(e){
alert("子元素事件")
if(a && a.stopPropagation){
//即为非IE浏览器
a.stopPropagation();
}else{
//IE方式取消事件冒泡
window.event.cancelBubble=true;
}
}
</script>
</body>
