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


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM