問題タブ [jquery-triggerhandler]

好奇心から-jQueryの目的/ユースケースはtriggerHandler何ですか? 私が知る限り、 と の間の唯一の「実際の」違いは、ネイティブ イベントが発生するかどうかと、イベントのバブリング動作です (ただし、triggerのバブリング動作は、さらに数行のコードで複製するのは難しくないようです)。 . ネイティブ イベントが発生しないようにする利点は何ですか?triggerHandlertriggerHandlertrigger

これが便利な関数なのか、それとももっと深い理由があるのか​​、また、いつ、どのような理由で使用するのか、興味があります。

私はそれを間違っているのですか、それともバグがありますか？

ありがとう ;）

フォローする

triggerHandler() メソッドは、trigger() メソッドに似ています。ただし、イベントのデフォルトの動作 (フォーム送信など) はトリガーされず、最初に一致した要素にのみ影響します。

しかし、2つの入力タグでテストして使用します

$("input").triggerHandler("select");

その後、それらの両方が影響を受けます。これが私のコードです：

HTML:

JavaScript:

jsFiddle でのライブコピー

チェックされたステータスに応じて追加のフィールドを表示/非表示にするチェックボックスにクリックイベントを追加しています。ロード時にハンドラーを起動して、初​​期ページ構造をセットアップする必要があります。何らかの理由で、triggerHandler がフィールドで機能していません。「トリガー」に変更すると、ハンドラーが起動しますが、チェックボックスのステータスも変更されます。私が間違ったことをしたか、なぜtriggerHandlerが機能しないのかわかりますか?

DOM 要素に jQuery を使用してイベント ハンドラーをアタッチします。

1)直接 —

2) 委任による。—

また、これらの添付されたイベント ハンドラーをコードから手動で実行する必要がある状況にも遭遇します。これを行うには、要素に対して jQuery で .trigger() API を使用できます。

シナリオによっては、アタッチしたイベント ハンドラーのみを実行したいが、そのイベントに関連付けられている既定のアクションを実行したくない場合があります。要素の jQuery で .triggerHandler() API を使用することで、これを実現できます。

たとえば、「チェックボックス」のリストに「クリック」イベントをアタッチし、チェックボックスのいずれかがオン/オフになったときにイベント ハンドラーを実行できます。ここで、チェックボックスのクリックイベントのデフォルトのアクションは、そのチェックボックスがチェックされる/チェックされない（つまり、チェックボックスのステータスが変更される）ことです。いくつかのシナリオでは、クリックされたときにチェックボックスのステータスを変更したくない場合がありますが、イベントハンドラーでコードを実行したい場合があります.上記で説明したように、.trigger の代わりに .triggerHandler() を呼び出すことにより、jQuery でこれを実現できます。 () でイベントを発生させます。

ただし、委譲によって DOM 要素にイベントをアタッチすると、これは機能しません。イベント委任の場合にデフォルト アクションを実行せずにイベント ハンドラーを実行する他の方法は何ですか?

次の JSfiddles の違いを確認してください: 直接イベント処理の場合:

委任されたイベント処理の場合:

(「実行」をクリックしても、イベントハンドラー関数のアラートは表示されないことに注意してください)

次のようなチェックボックスがいくつかあるフォームがあります。

別の入力を条件として、これらのチェックボックスを自動的にチェックすることができますが、何らかの理由で「オプション選択」をトリガーできません。

次のいくつかを試しましたが、何も機能しません。

参考までに、「optionselect」は、他のテキスト入力で少し計算を行うだけです。

次のコードがあります

関数 'VerifyCustomerFilter ()' 内にある条件が true の場合、作成したカスタム イベントをトリガーできません。

しかし、DatePicker のイベント内でイベントをトリガーすると、完全に機能します。

また、すでに使用してみtriggerHandler()ました。

私は何を間違っているべきですか？

jQueryでいくつかのDOMイベントをトリガーしていますtriggerHandler()

jQueryなしでこれをトリガーするにはどうすればよいですか?

重要: イベント タイプとカスタム データを知る必要があります