<script>
//常见事件对象的属性和方法
//阻止冒泡 dom推荐的标准stopPropagation()
var son = document . querySelector(' .son' );
son . addEventListener( 'click',function(e) {
alert( ' son' );
e. stopPropagation();//停止传播:阻止冒泡(标准方式)
//或者
e. cancelBubble = true; //非标准(低版本浏览器,如IE6-8适用)
}, false);
var father = document . querySelector(' .father');
father . addEventListener( 'click', function() {
alert('father');e. stopPropagation();
}, false);
document . addEventListener('click', function() {
alert(' document ' );
})
</script>
|