event.currentTarget スキルとevent.target_javascript スキルの違いの概要

イベントが 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"&gt ; ここをクリックしてください! < /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>

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。