Comment supprimer des événements avec la méthode off() dans jQuery

La méthode de suppression des événements dans jQuery : créez d'abord un fichier de code ; puis entrez l'élément HTML ; enfin supprimez l'événement enregistré dans un élément HTML spécifique via le [object element.off(event name, selector) ] syntaxe C'est tout.

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, jquery version 3.2.1.

off() est une méthode qui peut supprimer des événements enregistrés dans des éléments HTML spécifiques. Dans cet article, nous présenterons l'utilisation spécifique de la méthode off() dans jQuery pour supprimer des événements.

Regardons d'abord un exemple

$('button').click(function() {
    console.log('按钮被点击！');
})
$('a').on('click', function() {
    console.log('链接被点击！');
})

Dans cet exemple, l'état du traitement des événements de clic est décrit respectivement dans « l'élément Button » et « l'élément Link ».

Lorsque vous cliquez dessus, la chaîne spécifiée par la console sera affichée.

Dans ce cas, comme il n'est pas nécessaire de traiter les événements de clic, off() est très utile si vous souhaitez le supprimer dynamiquement.

Voyons ensuite comment utiliser off()

off() est essentiellement exécuté pour l'élément dont l'événement est enregistré.

La syntaxe de base est la suivante

对象元素.off( 事件名称, 选择器 )

Vous pouvez voir que off() est exécuté sur l'élément cible. Le paramètre

peut être omis, mais des événements spécifiques peuvent être supprimés en spécifiant le nom de l'événement.

De plus, vous pouvez également limiter la portée des objets supprimés en définissant un sélecteur.

Méthode pour supprimer un événement spécifique (clic)

Supposons qu'il y ait le code HTML suivant.

<a href="#">链接</a>
<button>删除</button>

Il s'agit simplement du statut du simple "élément de lien" et de "l'élément de bouton" en cours de configuration respectivement.

Dans cet état, lorsque vous cliquez sur "Link Element", une chaîne est envoyée à la console comme décrit ci-dessous.

$('a').on('click', function() {
  console.log('链接已被点击！');
})

Vous pouvez voir que l'événement de clic est enregistré à l'aide de la méthode on.

Essayons maintenant de supprimer l'événement "Link Element" en cliquant sur "Button Element" !

$('button').on('click', function() {
  $('a').off();
})

Dans cet exemple, vous pouvez voir que off() est effectué sur l'élément link dans le gestionnaire d'événements click.

Par conséquent, l'événement de l'élément de lien est supprimé au moment où l'on clique sur l'élément de bouton.

Vous pouvez confirmer qu'aucune information n'est envoyée à la console même si l'utilisateur clique sur l'élément de lien.

Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez prêter attention à d'autres didacticiels de colonnes connexes sur le site Web PHP chinois ! ! !

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!