事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到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>
|
|