Eine kurze Analyse der bemerkenswerten Triggermethoden in jQuery

Einführung

Die Funktion der Trigger-Methode besteht darin, ein Ereignis eines bestimmten Typs für das ausgewählte Element auszulösen. Das Syntaxformat seines Aufrufs ist: Trigger(Typ,[Daten]), wobei der Parameter Typ ist der Trigger-Ereignistyp, Parameterdaten sind optional und geben die Anhangsparameter an, die an die Funktion übergeben werden, wenn das Ereignis ausgelöst wird

Häufig verwendete Simulationen

Manchmal gibt es Es ist nicht erforderlich, Vorgänge auszuführen, und Sie möchten Benutzervorgänge simulieren, um bestimmte Effekte zu erzielen. Beispielsweise wird das Klickereignis ausgelöst, nachdem der Benutzer die Benutzeroberfläche betritt, ohne dass der Benutzer klicken muss.
Dies kann mit dem Trigger in jquery erfolgen.

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

Benutzerdefinierte Ereignisse auslösen

Trigger kann nicht nur diese vom Browser unterstützten Ereignisse auslösen, sondern auch benutzerdefinierte Ereignisse auslösen Ereignisse. Binden Sie beispielsweise ein Ereignis mit dem Namen clickMe:

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

Pass data

trigger(type,[data])

Der erste Parameter bezieht sich auf die Art des ausgelösten Ereignisses und der zweite Parameter sind die zusätzlichen Daten, die an die Ereignisverarbeitungsfunktion übergeben werden sollen, und zwar in Form eines Arrays. Ob dieses Ereignis vom Benutzer ausgelöst wird, können Sie in der Regel durch die Übergabe eines Parameters an die Callback-Funktion unterscheiden.

<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>

Screenshot des Effekts

Standardaktion ausführen

Nachdem die Methode trigger() ein Ereignis auslöst, wird der Standardvorgang des Browsers ausgeführt. Beispiel:

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

Der obige Code löst nicht nur das an die Eingabe gebundene Fokusereignis aus, sondern löst auch das Standardfokusereignis im Browser aus, um den Fokus zu erhalten. Wenn Sie nur ein benutzerdefiniertes Fokusereignis auslösen möchten, verwenden Sie triggerHandler()

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

Diese Methode löst nur das an die Eingabe gebundene Ereignis aus und bricht die Standardeinstellung des Browsers für dieses Ereignis ab . Betrieb, wird nicht fokussiert.

Zusammenfassung

Okay, das ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels für alle beim Lernen oder bei der Arbeit hilfreich sein kann eine Botschaft zur Kommunikation.

Weitere relevante Artikel zu den bemerkenswerten Triggermethoden in jQuery finden Sie auf der chinesischen PHP-Website!