currentTarget與target的區別


參考文章:https://www.cnblogs.com/wkylin/archive/2011/08/25/2153538.html

currentTarget在事件流的捕獲、目標及冒泡階段。

target在事件流的目標階段。

只有當事件流處於目標階段的時候,兩個指向才是一樣的。

當事件流處於捕獲和冒泡階段的時候,target指向被單擊的對象,而currentTarget指向當前事件活動的對象(一般指父級)

例子:

代碼部分:

<html>
<head>

<script type="text/javascript">
  function getEventTrigger(event){
    x=event.target;

    //x = event.currentTarget;
    alert("The id of the triggered element: "+ x.id);
}

</script>
</head>

<body >

  <div id="outer" style="background:#099" onmousedown="getEventTrigger(event)">
    click outer
    <p id="inner" style="background:#9C0" onmousedown="getEventTrigger(event)">
      click inner
    </p>
    <br>
  </div>

</body>
</html>

點擊outer后顯示:

點擊inner后顯示:

 

 兩個框內容均為inner

如果將代碼中的

    x=event.target;

    //x = event.currentTarget;換為:

    //x=event.target;

    x = event.currentTarget;

那么點擊outer時會顯示:

點擊inner時會顯示:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM