Maison > interface Web > js tutoriel > Comment annuler l'événement de clic en javascript

Comment annuler l'événement de clic en javascript

王林
Libérer: 2021-10-25 15:40:35
original
8740 Les gens l'ont consulté

Comment annuler un événement de clic en JavaScript : si l'événement est lié à l'aide de la méthode onclick, vous pouvez supprimer le gestionnaire d'événement pour annuler l'événement de clic, tel que [btn.onclick=null;].

Comment annuler l'événement de clic en javascript

L'environnement d'exploitation de cet article : système windows10, javascript 1.8.5, ordinateur thinkpad t480.

Nous savons que les événements en JavaScript sont divisés en niveau DOM0 et niveau DOM2. Si l'événement est lié à l'aide de la méthode onclick, nous pouvons alors supprimer le gestionnaire d'événement pour annuler l'événement click.

btn.onclick=null;//删除事件处理程序
Copier après la connexion

Si vous utilisez la méthode addEventListener() pour ajouter un événement, vous pouvez supprimer l'événement via removeEventListener(). Deux points doivent être notés :

1. Le troisième paramètre de removeEventListener() doit être cohérent avec le troisième. paramètre de la méthode addEventListener().

2. Les fonctions anonymes ajoutées via la méthode addEventListener() ne peuvent pas être supprimées.

btn.aaddEventListener('click',function(){alert(1);},false);
btn.removeEventListener('click',function(){alert(1);},false);//没有用!
Copier après la connexion

aaddEventListener et removeEventListener semblent passer dans les mêmes paramètres, mais en fait le deuxième paramètre de removeEventListener et le deuxième paramètre de aaddEventListener sont des fonctions complètement différentes !

Si vous souhaitez déménager, vous devez faire ceci :

 var fn=function(){
     alert(1);
 };
 btn.aaddEventListener('click',fn,false);
 btn.removeEventListener('click',fn,false);//有效
Copier après la connexion

Apprentissage recommandé : Tutoriel vidéo javascript

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:
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
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal