zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS如何阻止事件冒泡和阻止默认事件

JS事件 如何 默认 阻止 冒泡
2023-09-11 14:15:29 时间

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)
这样的话就是自上而下的触发事件