Exemples d'utilisation de la méthode trigger() dans jQuery-js tutoriel-php.cn

Exemples d'utilisation de la méthode trigger() dans jQuery

巴扎黑

Libérer： 2017-06-25 13:27:48

original

1445 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode trigger() dans jQuery. L'exemple analyse la fonction, la définition et les compétences d'utilisation de la méthode trigger() pour déclencher des types d'événements spécifiés pour les éléments correspondants auxquels les amis dans le besoin peuvent se référer. it

L'exemple de cet article décrit l'utilisation de la méthode trigger() 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 un événement du type spécifié pour l'élément correspondant.

Structure grammaticale 1 :
spécifie le type d'événement déclenché par l'élément correspondant.

Le code est le suivant :

$(selector).trigger(event,param1,param2,...)

Liste des paramètres :

Paramètres

参数	描述
event	规定指定元素要触发的事件。可以是自定义事件（使用 bind() 函数来附加），或者任何标准事件。
param	可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

Description

event

Spécifie l'événement à déclencher par l'élément spécifié. Il peut s'agir d'un événement personnalisé (attaché à l'aide de la fonction bind()) ou de tout événement standard.

param

Facultatif. Paramètres supplémentaires transmis au gestionnaire d'événements. Les paramètres supplémentaires sont particulièrement utiles pour les événements personnalisés.

Exemple de code :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</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").trigger("click");
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>

Copier après la connexion

Lorsque vous cliquez sur le bouton bouton, vous pouvez déclencher l'événement de clic sur p, et puis exécutez la fonction de traitement des événements de clic.

Structure grammaticale deux :

prend l'événement objet comme paramètre pour spécifier le type d'événement à déclencher pour l'élément correspondant .

Le code est le suivant :

$(selector).trigger(eventObj)

Liste des paramètres :

< span style="font-size:12px;word-wrap: break-word">Paramètre

参数	描述
eventObj	事件对象规定了事件发生时运行的函数。

Description

eventObj< td width="500" style="bordure inférieure : rgb(227 237 245) 1px solide ; bordure gauche : rgb(227 237 245) 1px solide ; rembourrage inférieur : 4 px ; rembourrage gauche : 4 px ; rembourrage droit : 4px ; mot -wrap : mot de rupture ; taille de police : 14 px ; débordement : caché ; bordure supérieure : rgb(227 237 245) 1px solide ; span style= "font-size:12px;word-wrap: break-word">L'objet événement spécifie la fonction à exécuter lorsque l'événement se produit.

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</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("添加的内容");
  });
  var e=jQuery.Event("click");
  $("button").click(function(){
    $("p").trigger(e);
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>

Copier après la connexion

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!