jQuery の .click イベント ハンドラーにパラメーターを渡すにはどうすればよいですか?

jQuery の .click イベント ハンドラーにパラメータを渡す

jQuery の .click() イベントを使用すると、Web ページ上の要素がクリックされたときに関数を実行できます。この関数の基本的な構文は簡単ですが、実行する関数にパラメータを渡す必要がある場合があります。

これを実現する 1 つの方法は、匿名関数を 2 番目のパラメータとして使用することです。 。クリック（）。ただし、異なるパラメーターを使用して複数の場所から同じ関数を呼び出す必要がある場合、このメソッドは煩雑になる可能性があります。

名前付き関数にパラメーターを効率的に渡すには、2 つの解決策があります:

オプション 1: イベント データの使用

jQuery バージョン 1.4.3 以降では、イベント データ機能を使用してパラメーターをイベント ハンドラーに渡すことができます。イベント データは、ハンドラーに渡されたイベント オブジェクトの最初のパラメーターから自動的に取得されます。

// Define your function
function add_event(event, parameter) {
    // Access parameter passed through event data
    console.log(parameter);
}

// Bind the event handler with event data
$('.leadtoscore').click({ parameter: 'shot' }, add_event);

オプション 2: 関数クロージャーを使用する

別のオプションは次のとおりです。関数クロージャを使用します。 add_event 関数を必要なパラメータを割り当てるクロージャでラップすると、.click() イベントがトリガーされたときにパラメータを効果的に渡すことができます。

// Define a closure to assign the parameter
$('.leadtoscore').click(function() {
    add_event('shot');
});

// Define the function without parameters
function add_event(parameter) {
    console.log(parameter);
}

どちらのメソッドでも、名前付き関数にパラメータを渡すことができます。 jQuery の .click() イベント ハンドラーを使用すると、コードが簡素化され、保守性が向上します。

以上がjQuery の .click イベント ハンドラーにパラメーターを渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。