事件捕获

来源：互联网发布：逍遥模拟器网络不稳定编辑：程序博客网时间：2024/05/29 09:14

事件在传递时，会有一个触发顺序。
注意：只有在标准浏览器下才有事件捕获的概念。

典型例子：

<style>        *{margin:0;padding:0;font-family: Microsoft YaHei,serif;}        li{list-style: none;}        #box3{            width:200px;            height: 100px;            background: pink;        }        #box2{            padding:20px;            background: red;        }        #box1{            padding:20px;            background: green;        }  </style><body><div id="box1">1    <div id="box2">2        <div>            <div id="box3">3</div>        </div>    </div></div><script>    box1.addEventListener("click",fn1，false)//默认为false    box2.addEventListener("click",fn2)    box3.addEventListener("click",fn3)//点击box3时，依次打印3，2，1//若都加上true，则依次打印1，2，3    function fn1() {        console.log(1)    }    function fn2() {        console.log(2)    }    function fn3() {        console.log(3)    }</script></body>

阅读全文

0 0