event.stoppropagation()阻止事件冒泡,
event.preventdefault()阻止默认事件。
在这插播一个事件捕获OR事件冒泡
事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。
相反的,事件冒泡是自下而上的去触发事件
绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。
true,事件捕获;
false,事件冒泡。
默认false,即事件冒泡。
看个例子:
document.getElementById("parent").addEventListener("click",function(e){
alert("parent事件被触发,"+e.target.id);
},true)
document.getElementById("child").addEventListener("click",function(e){
alert("child事件被触发,"+e.target.id)
},true)
这样的话就是自上而下的触发事件