Comment utiliser jQuery pour déclencher automatiquement des événements trigger

Comment utiliser jQuery pour déclencher automatiquement des événements trigger_jquery

WBOY

Libérer： 2016-05-16 15:29:06

original

1236 Les gens l'ont consulté

Parfois, il est nécessaire de simuler les opérations de l'utilisateur pour obtenir l'effet de clic, par exemple après que l'utilisateur entre dans la page
Déclenchez simplement l’événement de clic sans cliquer activement.

Par exemple, le code suivant :

<body>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">点击1</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x2'">点击2</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x3'">点击3</a>
  </br>
  <span id="d"></span>
</body>

Copier après la connexion

L'effet est que x1 sera affiché sur la page 'Clic 1', et x2 sera affiché sur la page 'Clic 2'...
Mais il faut faire en sorte que la première page d'entrée soit 'Clic 1' par défaut

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 lien A.

$('a').first().trigger("clic");

De cette façon, lorsque la page est chargée, l'événement clic du premier lien A est déclenché, et la page affichera x1

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 "myEvent" à un élément, le code jQuery est le suivant :

$('#btn').bind("myEvent", function(){ 
  alert("自定义事件");
});

Copier après la connexion

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

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

Données de passe

La méthode

trigger(type,[data]) a deux paramètres,
Le premier est l'objet événement ou le type d'événement à déclencher,
Le deuxième paramètre est un paramètre supplémentaire passé à la fonction de traitement d'événements, est passé sous forme de tableau. Cela se fait généralement en passant un paramètre à
Fonction de rappel pour distinguer si cet événement est déclenché par le code ou par l'utilisateur.

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

$('#btn').bind("myEvent", function(event,message1,message2){ 
  alert(message1 + "," + message2);
});
$('#btn').trigger("myEvent", ["Hello","World!"]);

Copier après la connexion

Ce qui précède explique comment utiliser jQuery pour déclencher automatiquement des événements. J'espère que cela sera utile à l'apprentissage de chacun.