js中事件捕获的实现-Python学习网

js中事件捕获的实现

js 事件捕获

小妮浅浅

2021-10-29 09:51:085154浏览 · 0收藏 · 0评论

1、当鼠标点击或触发dom事件，触发dom事件的元素称为事件源。

2、浏览器会从根节点=>事件源(从外到内)传播事件。

3、不太具体的节点应该更早接收到事件，最具体的节点应该最后接收到事件。

实例

    <div id="s2">s2</div>
</div>
<script>
    s1.addEventListener("click",function(e){
        console.log("s1 冒泡事件");
    },false);
    s2.addEventListener("click",function(e){
        console.log("s2 冒泡事件");
    },false);
</script>

以上就是js中事件捕获的实现，希望对大家有所帮助。更多js学习指路：js教程

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。