Maison > Article > interface Web > Exemples d'utilisation de la méthode trigger() dans jQuery

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

巴扎黑original: 2017-06-25 13:27:481404parcourir

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>

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 :

Paramètre

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

Description

eventObj td>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>

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!

Déclaration：

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

Article précédent：Expérience de l'utilisation de trigger() et bind() dans jQueryArticle suivant：Expérience de l'utilisation de trigger() et bind() dans jQuery

Articles Liés

Voir plus