Partage d'expérience sur l'utilisation de triggerHandler() dans jQuery-js tutoriel-php.cn

Partage d'expérience sur l'utilisation de triggerHandler() dans jQuery

巴扎黑

Libérer： 2017-06-25 14:26:53

original

1583 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode triggerHandler() dans jQuery Il analyse la fonction et la définition de la méthode triggerHandler() avec des exemples et les compétences d'utilisation pour déclencher le type d'événement spécifié du. élément sélectionné. Amis qui en ont besoin Vous pouvez vous référer à

Les exemples de cet article décrivent l'utilisation de la méthode triggerHandler() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode déclenche le type d'événement spécifié de l'élément sélectionné.
Comme le montre la définition ci-dessus, cette méthode est très similaire à la méthode trigger() en fonction, mais il y a quand même une énorme différence. Voici les principales différences :

1. Cette méthode ne déclenchera pas l'événement par défaut du navigateur.
2. Cette méthode déclenche la fonction de traitement d'événements du premier élément de la collection d'objets jQuery et ne génère pas de bouillonnement d'événements.
3. Cette méthode renvoie la valeur de retour de la fonction de traitement d'événements , plutôt que l'objet jQuery chaînable.

Structure grammaticale :

Le code est le suivant :

$(selector).triggerHandler(event,[param1,param2, ... ])

Liste des paramètres :

event

Paramètres

参数	描述
event	规定指定元素要触发的事件类型。
param	可选。传递到事件处理程序的额外参数。

td>Description

Spécifie le type d'événement à déclencher par le élément spécifié.

param

Facultatif. Paramètres supplémentaires transmis au gestionnaire d'événements.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:1px solid blue;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("p").click(function(){ 
    $("p").append("脚本之家"); 
  }); 
  $("button").click(function(){ 
    $("p").triggerHandler("click"); 
  }) 
}) 
</script>
</head>
<body>
<p></p>
<button>查看效果</button>
</body>
</html>

Copier après la connexion

Exemple de code :

Le code est le suivant :

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!