Maison > interface Web > js tutoriel > Partage d'utilisation : Comment utiliser jQuery pour déclencher automatiquement le déclencheur d'événements

Partage d'utilisation : Comment utiliser jQuery pour déclencher automatiquement le déclencheur d'événements

巴扎黑
Libérer: 2017-06-25 13:29:16
original
1370 Les gens l'ont consulté

Cet article présente principalement jQuery comment utiliser le déclencheur d'événement de déclenchement automatique. Les amis qui en ont besoin peuvent s'y référer

Parfois, il est nécessaire de simuler les opérations des utilisateurs pour réaliser le clic. Par exemple, une fois que l'utilisateur entre dans la page,
déclenche l'événement de clic sans cliquer activement.

Par exemple, le code suivant :


<body>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x1&#39;">点击1</a>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x2&#39;">点击2</a>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x3&#39;">点击3</a>
  </br>
  <span id="d"></span>
</body>
Copier après la connexion

L'effet est que x1 sera affiché sur la page 'Cliquez sur 1', x2 sera affiché sur la page 'Clic 2'...
Mais il faut comprendre que la valeur par défaut pour la première fois en entrant dans la page est 'Clic 1'

Dans jQuery, vous pouvez utiliser la méthode trigger() pour terminer l'opération de simulation.
Par exemple, vous pouvez utiliser le code suivant pour déclencher l'événement clic du lien A.

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

De cette façon, lorsque la page est chargé, le déclencheur Pour l'événement clic du premier lien A, la page affichera x1 Les événements pris en charge avec le même nom peuvent é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 :

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


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


Données de passe
$(&#39;#btn&#39;).bind("myEvent", function(){ 
  alert("自定义事件");
});
Copier après la connexion

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 passé au traitement de l'événement fonction Paramètres supplémentaires, sont passés sous forme de 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.

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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en 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