品易云推流 关闭
文章详情页
文章 > JavaScript > js中事件捕获的实现

js中事件捕获的实现

js 事件捕获

头像

小妮浅浅

2021-10-29 09:51:081731浏览 · 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电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图