Question

js如何阻止事件的传播

如何阻止事件的传播和冒泡？
<div class="box1">
<div class="box2"></div>
</div>
两个div都有事件，如何做到点击box1的事件不触发box2的事件，点击box2不触发box1的事件？js原生写法

Answer 1

<div class="box1">这里是box1
<div class="box2">这里是box2</div>
</div>
<script>
document.getElementsByClassName("box1")[0].onclick=function(){
   console.log("你点了box1")
}
document.getElementsByClassName("box2")[0].onclick=function(e){
   console.log("你点了box2");
   (e||window.event).stopPropagation();
}
</script>

Answer 2

e.stoppropagation()阻止冒泡事件