请选择 进入手机版 | 继续访问电脑版

dom编程中阻止事件冒泡的两种方式

[复制链接]
查看1500 | 回复0 | 2020-2-21 15:27 | 显示全部楼层 |阅读模式
事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到DOM最顶层节点。
事件冒泡本身的特性,会带来的坏处,也会带来的好处,需要我们灵活掌握。

标准写法:利用事件对象里面的stopPropagation()方法
< script>
//常见事件对象的属性和方法
//阻止冒泡
dom推荐的标准stopPropagation()
var son = document . querySelector(' .son' );
son. addEventListener('click', function(e) {
alert( ' son”);
e . stopPropagation();
}, false);
var father = document . querySelector(' . father' );
father . addEventListener( ' click', function() {
alert( ' father');
}, false);
document . addEventL istener( 'click', function() {
alert( ' document ' );
})
</script>


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24