阻止冒泡

最新推荐文章于 2025-03-24 01:20:06 发布

qq_39218277

最新推荐文章于 2025-03-24 01:20:06 发布

阅读量103

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_39218277/article/details/106262722

版权

<div class="father">
    <div class="son">son儿子</div>
</div>
<script>
    // 常见事件对象的属性和方法
    // 阻止冒泡  dom 推荐的标准 stopPropagation() 
    var son = document.querySelector('.son');
    son.addEventListener('click', function(e) {
        alert('son');
        e.stopPropagation(); // stop 停止  Propagation 传播
        e.cancelBubble = true; // 非标准 cancel 取消 bubble 泡泡
    }, false);

    var father = document.querySelector('.father');
    father.addEventListener('click', function() {
        alert('father');
    }, false);
    document.addEventListener('click', function() {
        alert('document');
    })
</script>