jQuery イベントのソース要素を特定するにはどうすればよいですか?-jsチュートリアル-php.cn

jQuery イベントのソース要素を特定するにはどうすればよいですか?

Susan Sarandon

リリース： 2024-12-12 16:06:12

オリジナル

257 人が閲覧しました

How Can I Identify the Source Element of a jQuery Event?

イベントソースの特定

イベントが発生すると、それをトリガーした要素の ID を特定することが望ましい場合がよくあります。これは、イベントソースに基づいて特定のアクションを実行する場合に特に便利です。

jQuery では、event.target プロパティを利用して、イベントを起動した要素の ID を取得できます。このプロパティは、イベントの直接のソースを表します。

実装例

次の JavaScript コードを考えてみましょう。

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});

ログイン後にコピー

このコードでは、要素がクリックされると、クリックイベントハンドラーが呼び出されます。イベントパラメーターがハンドラーに渡され、event.target.id プロパティが取得されて、クリックされた要素の ID が取得されます。この ID は、表示のためにコンソールに記録されます。

注:

event.target プロパティは、実際の DOM 要素を参照します。要素に対して jQuery 操作を実行するには、$(this) を使用して要素を jQuery オブジェクトでラップする必要があります。例:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

ログイン後にコピー

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