事件流的嵌套对象执行顺序。

最新推荐文章于 2022-10-05 10:55:01 发布

z...Z

最新推荐文章于 2022-10-05 10:55:01 发布

阅读量137

点赞数

分类专栏： JS学习文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43706763/article/details/119522785

版权

JS学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

addEventListener事件流的嵌套对象执行顺序。
在这里插入图片描述

<body>
    <div class="big">
        <div class="medium">
            <div class="small">

            </div>
        </div>
    </div>
    <script>
        let big = document.querySelector(".big");
        let medium = document.querySelector(`.medium`);
        let small = document.querySelector(`.small`);
        big.addEventListener("click", function () {
            console.log("hi,I'm big one");
        })
        medium.addEventListener("click", function () {
            console.log("hi,I'm medium one");
        })
        small.addEventListener("click", function () {
            console.log("hi,I'm small one");
        })
    </script>
</body>

/*
console：点击small控制台输出的内容！
hi,I'm small one
html:48 hi,I'm medium one
html:45 hi,I'm big one


*/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

z...Z

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件流的嵌套对象执行顺序。

addEventListener事件流的嵌套对象执行顺序。<body> <div class="big"> <div class="medium"> <div class="small"> </div> </div> </div> <script> let big = document.
复制链接

扫一扫