事件冒泡

标签：选择   this   win   ==   rop   com   eve   ons   ===   

<div id="dv1">
    <div id="dv2">
        <div id="dv3"></div>
    </div>
</div>
<script src="commer.js"></script>
<!--事件的阶段-->
<!--1：事件捕获阶段-&#45;&#45;》从外向内====》1-->
<!--2：事件目标阶段-&#45;&#45;》最开始选择的那个====》2-->
<!--3：事件冒泡阶段-&#45;&#45;》从里向外====》3-->
<script>
    //事件冒泡
    ver("dv1").onclick=function () {
      console.log(this.id);
    };
    ver("dv2").onclick=function () {
        console.log(this.id);
        //阻止事件冒泡
       //window.event.cancelBubble=true;//IE特有，谷歌支持，火狐不支持
    };
    ver("dv3").onclick=function () {
        console.log(this.id);
        //阻止事件冒泡
       e.stopPropagation();//谷歌和火狐都支持
    };
</script>

事件冒泡

标签：选择   this   win   ==   rop   com   eve   ons   ===   

原文地址：https://www.cnblogs.com/lujieting/p/10050456.html