【说站】js中事件捕获的实现

很酷的站长

发布于 2022-11-24 14:52:21

3.5K0

文章被收录于专栏：站长的编程笔记站长的编程笔记

js中事件捕获的实现

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电脑。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

dom