jQuery の注目すべきトリガー メソッドの簡単な分析

はじめに

トリガー メソッドの機能は、選択した要素で指定されたタイプのイベントをトリガーすることです。その呼び出しの構文形式は、trigger(type,[data]) です。ここで、パラメーターのタイプはトリガーのタイプです。オプションは、イベントがトリガーされたときに関数に渡されるアタッチメント パラメーターを表します。

操作を実行する必要がない場合もありますが、ユーザーのシミュレーションも必要です。特定の効果を達成するための操作。たとえば、クリック イベントは、ユーザーがインターフェイスに入った後、クリックしなくてもトリガーされます。
jqueryのトリガーを使用して実行できます。

$("#btn").trigger("click")//触发id为btn的click事件
 
$("#btn").click()//简写

カスタム イベントをトリガーする

trigger は、ブラウザーでサポートされているこれらのイベントをトリガーできるだけでなく、カスタム イベントもトリガーできます。たとえば、clickMe という名前のイベントをバインドします。

$("#btn").bind("clickMe",function(){
 //....
})
 
$("#btn").trigger("clickMe")//触发该事件

データを渡す

trigger(type,[data])

最初のパラメータはトリガーされるイベントのタイプを参照し、2 番目のパラメータはイベントに渡される追加データです。ハンドラー関数 、配列として渡されます。通常、コールバック関数にパラメーターを渡すことで、このイベントがユーザーによってトリガーされたかどうかを区別できます。

<button id="btn">按钮</button>
<p id="msg"></p>
<script>
$(function(){
 $(&#39;#btn&#39;).bind("clickMe",function(event,msg1,msg2){
 $("#msg").text(msg1+&#39; &#39;+msg2)
 })
 $(&#39;#btn&#39;).trigger("clickMe",["hello","jquery"])
})
</script>

エフェクトのスクリーンショット

デフォルト操作を実行します

trigger() メソッドがイベントをトリガーした後、ブラウザーのデフォルト操作が実行されます。たとえば、

$('input').trigger('focus')

上記のコードは、入力にバインドされた focus イベントをトリガーするだけでなく、ブラウザーでデフォルトの focus イベントをトリガーしてフォーカスを取得します。カスタム フォーカス イベントのみをトリガーしたい場合は、triggerHandler()

$('input').triggerHandler('focus')

を使用します。このメソッドは、入力にバインドされたイベントのみをトリガーし、このイベントに対するブラウザーのデフォルトの操作をキャンセルし、フォーカスを取得しません。

まとめ

この記事の内容は以上です。この記事の内容が皆さんの学習や仕事に少しでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。

jQuery の注目すべきトリガー メソッドに関する関連記事については、PHP 中国語 Web サイトに注目してください。