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, les opérations de simulation peuvent être effectuées à l'aide de la méthode trigger(). Par exemple, vous pouvez utiliser le code suivant pour déclencher l'événement click du bouton avec l'identifiant btn. Dans cet article, nous allons vous expliquer comment JQuery simule les événements de clic et déclenche automatiquement les événements.
$('#btn').trigger("click");
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, des événements avec des noms personnalisés peuvent également être déclenché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");
Pass data< 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. , passé 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.$(function(){ $('#btn').bind("myClick", function(event, message1, message2){ $('#test').append( "<p>"+message1 + message2 +"</p>"); }); $('#btn').click(function(){ $(this).trigger("myClick",["我的自定义","事件"]); }).trigger("myClick",["我的自定义","事件"]); })
$("input").trigger("focus");
$("input").triggerHandler("focus");
js simule un événement de clic
js simule des compétences en matière de code_javascript de mise en œuvre d'un événement de clic
Javascript simule les événements de clic (clics sur les liens et clics html) compatibles avec les compétences IE/Firefox_javascript
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!