事件冒泡的原理:当在子元素里执行一个事件(例如:click)时,父元素也被执行了这个事件。用event.stopPropagation()阻止事件的冒泡
例如:
<body>
<div class="block"><button class="btn">按钮</button></div>
<script>
var count=0;
var b=document.getElementsByClassName("block")[0];
var btn=document.getElementsByClassName("btn")[0];
b.onclick=function(){
count++;
console.log(count);
}
btn.onclick=function(){
count++;
console.log(count);
event.stopPropagation();//阻止事件冒泡
}
</script>