jQuery .click イベント ハンドラーでユーザー関数にパラメーターを渡す方法

jQuery の .click を使用してユーザー関数にパラメーターを渡す

jQuery では、.click イベント ハンドラーを使用すると、要素がクリックされたときに関数を実行できます。この機能を使用するには、.click() の引数として関数を指定します。ただし、関数にパラメータを渡すときに問題が発生するのが一般的です。

この問題を解決するには、以下に示すように、.click() 内ですぐに実行される匿名関数の使用を検討できます。

<code class="js">$('.leadtoscore').click(function() { add_event('shot'); });</code>

複数の場所から add_event 関数を呼び出したい場合は、jQuery の data 属性を使用してパラメータを渡すという方法もあります。バージョン 1.4.3 ではこの機能が導入され、データ マップを作成し、それを最初のパラメーターとして .click() に渡すことができます。

<code class="js">$('.leadtoscore').click({ event: 'shot' }, add_event);</code>

イベント ハンドラー内で、イベント オブジェクトを介してデータ マップにアクセスします。

<code class="js">function add_event(event) {
  const eventParam = event.data.event;
}</code>

このメソッドは、コード内のさまざまな場所から関数を呼び出す柔軟性を維持しながら、.click() によって呼び出される関数にパラメーターを渡すための便利なメカニズムを提供します。

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