jQuery と JavaScript を使用してイベント リスナーから要素の ID を取得するにはどうすればよいですか?

jQuery と JavaScript を使用したイベント リスナーの要素 ID の取得

JavaScript でイベント インタラクションを効果的に処理するには、イベントは重要です。ここでは、jQuery とバニラ JavaScript を使用してイベントをトリガーした要素の ID を取得する方法を示します。

jQuery アプローチ

jQuery は、ターゲット要素にアクセスするための効率的な方法を提供します。イベントを起動しました。イベント リスナー関数内のイベント パラメーターには、いくつかの便利な属性が含まれています。このようなプロパティの 1 つは、event.target です。これは、イベントを開始した要素を直接参照します。

要素の ID を取得するには、次の構文を使用します:

event.target.id

例:

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id);
  });
});

バニラ JavaScriptアプローチ

jQuery はプロセスを簡素化しますが、バニラ JavaScript はトリガー要素の ID にアクセスする別の方法を提供します。現在のターゲット要素は、バニラ JavaScript では常にイベント リスナーの最初の引数として渡されます。この引数には任意の名前を付けることができますが、イベントは一般的な規則です。

要素の ID を取得するには、次のコマンドを使用します。構文:

event.target.id

例:

document.addEventListener("click", function(event) {
  alert(event.target.id);
});

注:

イベント オブジェクトであることを考慮することが重要です。は、標準的な JavaScript アプローチの jQuery オブジェクトではありません。ターゲット要素で jQuery 関数を使用するには、$() 構文内でラップします。

$(event.target).append(" Clicked");

以上がjQuery と JavaScript を使用してイベント リスナーから要素の ID を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。