Maison > interface Web > js tutoriel > Une brève analyse des méthodes de déclenchement remarquables dans jQuery

Une brève analyse des méthodes de déclenchement remarquables dans jQuery

高洛峰
Libérer: 2016-12-28 10:16:05
original
1179 Les gens l'ont consulté

Introduction

La fonction de la méthode trigger est de déclencher un événement d'un type spécifié sur l'élément sélectionné. Le format de syntaxe de son appel est : trigger(type,[data]), où le paramètre. type est le type de l'événement déclencheur, les données des paramètres sont facultatives, indiquant les paramètres de pièce jointe transmis à la fonction lorsque l'événement est déclenché

Simulations couramment utilisées

Parfois, il y a. Il n'est pas nécessaire d'effectuer des opérations et vous souhaitez simuler les opérations de l'utilisateur pour obtenir certains effets. Par exemple, l'événement click est déclenché une fois que l'utilisateur entre dans l'interface, sans que l'utilisateur ait à cliquer.
Cela peut être fait en utilisant le déclencheur dans jquery.

$("#btn").trigger("click")//触发id为btn的click事件
 
$("#btn").click()//简写
Copier après la connexion

Déclencher des événements personnalisés

le déclencheur peut non seulement déclencher ces événements pris en charge par le navigateur, mais également déclencher des événements personnalisés événements. Par exemple, liez un événement nommé clickMe :

$("#btn").bind("clickMe",function(){
 //....
})
 
$("#btn").trigger("clickMe")//触发该事件
Copier après la connexion

Passer les données

trigger(type,[data])
Copier après la connexion

Le premier paramètre fait référence au type d'événement déclenché, et le deuxième paramètre est les données supplémentaires à transmettre à la fonction de traitement d'événement, transmises sous forme de tableau. Vous pouvez généralement distinguer si cet événement est déclenché par l'utilisateur en passant un paramètre à la fonction de rappel.

<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>
Copier après la connexion

Une brève analyse des méthodes de déclenchement remarquables dans jQuery

Capture d'écran de l'effet

Effectuer l'action par défaut

Une fois que la méthode trigger() a déclenché un événement, l'opération par défaut du navigateur sera effectuée. Par exemple,

$(&#39;input&#39;).trigger(&#39;focus&#39;)
Copier après la connexion

Le code ci-dessus déclenchera non seulement l'événement de focus lié à l'entrée, mais déclenchera également l'événement de focus par défaut dans le navigateur pour obtenir le focus. Si vous souhaitez uniquement déclencher un événement de focus personnalisé, utilisez triggerHandler()

$(&#39;input&#39;).triggerHandler(&#39;focus&#39;)
Copier après la connexion

Cette méthode déclenchera uniquement l'événement lié à l'entrée et annulera la valeur par défaut du navigateur pour cet événement. Opération, ne sera pas mis au point.

Résumé

D'accord, c'est tout le contenu de cet article. J'espère que le contenu de cet article pourra être utile aux études ou au travail de chacun. Si vous avez des questions, vous pouvez partir. un message à communiquer.

Pour des articles plus pertinents sur les méthodes de déclenchement remarquables dans jQuery, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal