javascript事件捕獲是什麼意思

solution發表於2021-09-11

javascript事件捕獲是什麼意思

說明

1、事件捕獲是不太具體的DOM節點應該更早接收到事件,而最具體的節點應該最後接收到事。

2、事件捕獲的用意在於事件到達預定目標之前捕獲它。

在捕獲中,外部元素的事件會先被觸發,然後才會觸發內部元素的事件,即: <div>元素的點選事件先觸發 ,然後再觸發<p>元素的點選事件。

例項

var parent = document.getElementById("parent");
var child = document.getElementById("child");
 
document.body.addEventListener("click",function(e){
  console.log("click-body");
  },false);
 
parent.addEventListener("click",function(e){
  console.log("click-parent---事件傳播");
},false);
        
     //新增事件捕獲事件程式碼
parent.addEventListener("click",function(e){
  console.log("click-parent--事件捕獲");
},true);
 
child.addEventListener("click",function(e){
  console.log("click-child");
},false);

以上就是javascript事件捕獲的意思,希望對大家有所幫助。更多Javascript學習指路:

推薦操作環境:windows7系統、jquery3.2.1版本,DELL G3電腦。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2459/viewspace-2829170/,如需轉載,請註明出處,否則將追究法律責任。

相關文章