[javascript]currentTargetとtargetの違い
3683 ワード
currentTarget
https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget
イベントハンドラは、接続された要素を指します.
target
https://developer.mozilla.org/en-US/docs/Web/API/Event/target
実際のイベントが発生した場所を返し、クリックした要素を返します.
例
<ul id="parent">
<li id="1">Item 1</li>
<li id="2">Item 2</li>
<li id="3">Item 3</li>
</ul>
<script>
const parent = document.querySelector('#parent');
parent.addEventListener("click", function (e) {
console.log(e.currentTarget);
console.log(e.target);
});
</script>
結果
->
currentTarget
イベントリスナー接続の親エレメントを出力し、target
クリックした子エレメントを出力します.Reference
この問題について([javascript]currentTargetとtargetの違い), 我々は、より多くの情報をここで見つけました https://velog.io/@nsunny0908/javascript-currentTarget과-target의-차이점テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol