6
A
答えて
7
これらのプロパティはJavaScriptのマウスイベントと同等です。 JavaScriptイベントはDOMをトラバースします(「バブリング」と呼ばれます)。 target
は、イベントが最初に送出されたオブジェクトです。 currentTarget
は、イベントハンドラがアタッチされているオブジェクトです。
例
あなたは、このHTMLの構造を有する:
<ul id="list">
<li>Entry 1</li>
<li>Entry 2</li>
</ul>
を、あなたは(どちらかJavaScriptやダーツを経由して、コンセプトは同じである)<ul>
要素にクリックハンドラを追加します。
「Entry 2」をクリックすると、クリックハンドラが呼び出されます(イベントが「バブルアップ」するため)。 target
は<li>
エレメント、currentTarget
は<ul>
エレメントとなります。どちらを使用する必要があるかは、ハンドラーで何をしたいかによって異なります。例えば、target
を使用して「エントリー2」を隠すか、currentTarget
を使用してリスト全体を隠すことができます。
relatedTarget
で参照される要素は、MouseEventの種類によって異なります。一覧はevent.relatedTargetです。上記の例では、クリックイベントに関連するターゲットがないため、null
となります。
関連MDNリンク: event.currentTarget、 event.target
関連する問題
- 1. javascriptのcurrentTargetプロパティとtargetプロパティの正確な違いは何ですか?
- 2. List.singleプロパティの主な目的は何ですか?
- 3. タグヘルパーでViewContextプロパティを使用する目的は何ですか?
- 4. C#でのdatatableのUniqueプロパティの目的は何ですか?
- 5. 静的な目的は何ですか?
- 6. FileオブジェクトのwebkitRelativePathプロパティの目的は何ですか?
- 7. Angular2ディレクティブの '出力プロパティ'の目的は何ですか?
- 8. MS AccessのリストボックスのBOUND COLUMNプロパティの目的は何ですか?
- 9. package.jsonのプロパティ "private"の目的は何ですか?
- 10. iReportのireport.xおよびireport.yプロパティの目的は何ですか?
- 11. FormsAuthenticationTicket isPersistentプロパティの目的は何ですか?
- 12. target = "_ blank"と "target = blank"の違いは何ですか?
- 13. ErrorKindの目的は何ですか?
- 14. durandalの目的は何ですか?
- 15. UVMバーチャルシーケンサの目的は何ですか
- 16. アクティブレコードの目的は何ですか?
- 17. Numberクラスの目的は何ですか?
- 18. ビューポートメタタグの目的は何ですか?
- 19. 異なるRxJS科目のセマンティクスは何ですか?
- 20. Mongoclientとは何ですか?その目的は何ですか?
- 21. Microsoft.Net.Compilersの目的は何ですか?
- 22. config.assets.precompileの目的は何ですか?
- 23. メールゴミ箱フォルダ(メールサービスプロバイダ)の歴史的な目的は何ですか?
- 24. 以上の目的は何ですか?
- 25. precompiledApp.configの目的は何ですか?
- 26. グント:cwdの目的は何ですか?
- 27. IllegalStateExceptionの目的は何ですか?
- 28. CultureInfo.CurrentCultureの目的は何ですか?
- 29. ApplicationBuilder.Propertiesの目的は何ですか?
- 30. HAVE_ *マクロの目的は何ですか?
が質問として、「ジャバスクリプト」タグの追加を提案し、両方の言語に適用され、本質的に答えます。 – MarioP