Maison > interface Web > js tutoriel > Comment supprimer des événements avec la méthode off() dans jQuery

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

不言
Libérer: 2021-04-22 15:20:18
original
5796 Les gens l'ont consulté

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.

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

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('链接被点击!');
})
Copier après la connexion

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( 事件名称, 选择器 )
Copier après la connexion

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>
Copier après la connexion

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.

$(&#39;a&#39;).on(&#39;click&#39;, function() {
  console.log(&#39;链接已被点击!&#39;);
})
Copier après la connexion

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" !

$(&#39;button&#39;).on(&#39;click&#39;, function() {
  $(&#39;a&#39;).off();
})
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal