イベントが DOM を通過するとき、event.currentTarget はイベントの現在のターゲットを識別します。イベントが発生した要素を識別するevent.target とは対照的に、イベント ハンドラーがアタッチされている要素を常に参照します。つまり、event.currentTarget はイベントがバインドされている要素を指しますが、event.target はイベントの発生時に常に要素を指します。翻訳は専門的ではなく、発音が難しいです。テスト コードに直接進みましょう:
ここをクリックしてください! /div>
<script> click(function(e ) { <br>console.log('#wrapper'); <br>console.log(e.currentTarget); <br>console.log(e.target); <br>}); <br>$( '#inner').click(function(e) { <br>console.log('#inner'); <br>console.log(e.currentTarget); <br>console.log( e.target); <br>}); <br>/* <br>上記のテスト出力は次のとおりです: <br>ここをクリックするとクリックが表示され、出力は次のようになります:内側 <br><a href= "#" id="inner"> ここをクリック!</a> <br><a href= "#" id="inner"> ; ここをクリックしてください! < /a> <br>#wrapper <br><div id= "wrapper"> … </div> <br><a href= " #" id= "inner" >click here! </a> <BR>click here! をクリックすると、クリックがバブルアップし、出力は次のようになります: <BR>#wrapper <BR><div id= "ラッパー"> … </div> <br><div id= "ラッパー">… </div> <br>*/ <br></script>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
