JavaScript--阻止冒泡与阻止默认

事件由子级传向父级，称之为事件冒泡

e.stopPropagation()；阻止冒泡

案例

var a = document.querySelector('.a');
a.addEventListener('click',function(e){
       alert('son');
       e.stopPropagation();
},false);

var b = document.querySelector('.b');
a.addEventListener('click',function(e){
       alert('father');
       e.stopPropagation();
},false);

如果事件A不加阻止冒泡事件，那么son和father的弹窗都会弹出。

如果事件A加上阻止冒泡事件，那么只会弹出son这一个弹窗。

事件由父级传向子级，称之为事件捕获

e.preventDefault();阻止默认

案例

在body中获取
var a = document.querySelector('a');
a.addEventListener('click',function(e){
       e.preventDefault();
})