Méthode JQuery pour déclencher automatiquement events_jquery

L'exemple de cet article décrit comment JQuery déclenche automatiquement des événements. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Simulations communes

Parfois, il est nécessaire de simuler les opérations de l'utilisateur pour obtenir l'effet de clic. Par exemple, une fois que l'utilisateur accède à la page, l'événement de clic est déclenché sans que l'utilisateur ait à cliquer activement.

Dans JQuery, vous pouvez utiliser la méthode trigger() pour effectuer des opérations de simulation. Par exemple, vous pouvez utiliser le code suivant pour déclencher l'événement click du bouton avec l'identifiant btn.

$('#btn').trigger("clic");

De cette façon, lorsque la page est chargée, l'effet souhaité sera immédiatement affiché. Vous pouvez également abréger directement click() pour obtenir le même effet :

$('#btn').click();

Déclencher un événement personnalisé

La méthode

trigger() peut non seulement déclencher des événements du même nom pris en charge par le navigateur, mais également déclencher des événements avec des noms personnalisés. Par exemple, pour lier un événement « myClick » à un élément, le code JQuery est le suivant :

$('#btn').bind("myClick", function(){ 
  $('#test').append("<p>我的自定义事件.</p>"); 
});

Pour déclencher cet événement, vous pouvez utiliser le code suivant :

$('#btn').trigger("myClick");

Données de passe

La méthode

trigger(type[,data]) a deux paramètres Le premier paramètre est le type d'événement à déclencher, et le deuxième paramètre est les données supplémentaires à transmettre à la fonction de traitement d'événement, transmises sous la forme de. un tableau. Vous pouvez généralement distinguer si cet événement est déclenché par le code ou par l'utilisateur en passant un paramètre à la fonction de rappel.

Ce qui suit est un exemple de transmission de données.

$(function(){ 
 $('#btn').bind("myClick", function(event, message1, message2){ 
     $('#test').append( "<p>"+message1 + message2 +"</p>");
 }); 
 $('#btn').click(function(){ 
  $(this).trigger("myClick",["我的自定义","事件"]); 
 }).trigger("myClick",["我的自定义","事件"]); 
})

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 :

$("input").trigger("focus");

Le code ci-dessus déclenchera non seulement l'événement focus lié à l'élément d5fd7aea971a85678ba271703566ebfd, mais fera également en sorte que l'élément d5fd7aea971a85678ba271703566ebfd

Si vous souhaitez uniquement déclencher l'événement de focus lié sans effectuer l'opération par défaut du navigateur, vous pouvez utiliser une autre méthode similaire dans jQuery - la méthode triggerHandler().

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

Cette méthode déclenchera l'événement spécifique lié à l'élément d5fd7aea971a85678ba271703566ebfd et annulera en même temps l'opération par défaut du navigateur pour cet événement, c'est-à-dire que la zone de texte déclenchera uniquement l'événement de focus lié et ne recevra pas se concentrer.

J'espère que cet article sera utile à la programmation jQuery de chacun.