阻止冒泡

最新推荐文章于 2024-09-18 10:10:00 发布

mj_leona

最新推荐文章于 2024-09-18 10:10:00 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/mj_leona/article/details/79643165

本文通过一个简单的JavaScript示例介绍了如何使用事件监听器以及如何阻止事件冒泡。通过具体的代码实现，展示了当点击页面空白区域和按钮时的不同响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    var btn = document.getElementById("btn");
    document.onclick = function () {
        alert("点击了空白处")
    }
    btn.onclick = function (event) {
        var event = event || window.event;

        if(event&&event.stopPropagation)
        {
            event.stopPropagation();               //w3c标准
        }
        else
        {
            event.cancelBubble = true;             //ie678
        }

        alert("点击了按钮")
    }
</script>