JS阻止事件冒泡行为的标准方式

<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>