Javascript | RemoveEventListener Méthode avec des exemples

JavaScript propose un certain nombre de méthodes intégrées pour exécuter certaines opérations de base e.g. Validation du formulaire, gestion des événements, gestion du site Web, etc. Le retireEventListener () La méthode est utilisée pour supprimer un événement qui a déjà été ajouté dans JavaScript.

Pour comprendre la méthode devoEventListener (), tout d'abord l'utilisateur doit avoir une idée du addEventListener () méthode. Dans la méthode AdveventListener (), un événement est attaché avec cette méthode pour effectuer les opérations. D'un autre côté, la méthode devoieEventListener () est utilisée pour supprimer un événement. Ce guide fournit un aperçu approfondi de la méthode devayEventListener () en javascript.

Comment utiliser la méthode devoveReventListener () dans JavaScript?

Si un utilisateur souhaite désactiver un bouton après un clic, il peut utiliser le retireEventListener () méthode. La syntaxe de la méthode retireeventListener () est la suivante:

Syntaxe

élément.retireEventListener (événement, fonction, capture)

Les paramètres utilisés dans la syntaxe ci-dessus sont répertoriés ici:

• événement: identifie l'événement à supprimer.
• fonction: représente la fonction de suppression.
• capture: Spécifie vrai et faux selon le résultat; La valeur par défaut est fausse.

Exemple 1

Un exemple est adapté dans lequel le retireEventListener () la méthode est utilisée pour supprimer un événement qui a été ajouté par le addEventListener () méthode. Dans cet exemple, deux arguments sont requis. Un argument spécifie le nom de l'événement, tandis que l'autre est une fonction qui est associée à l'écouteur de l'événement.

Code

Bienvenue à JavaScript World

Un exemple pour utiliser la méthode devateEventListener ()

Essayez le bouton magique pour le réparer

La description du code ci-dessus est enrôlée ici:

• Premièrement la addEventListener() La méthode est utilisée pour attacher un mousemove événement nommé magication.
• Le addEventListener Is déclenché si le mouvement de la souris est détecté. Sinon, il attache un attachement événement pour générer des nombres aléatoires continus.
• Après cela, le magication() La méthode est utilisée pour générer les nombres aléatoires avec le Mathématiques.aléatoire() méthode.
• En fin de compte, une coutume retireHandler () la méthode est utilisée dans laquelle retireeventListener() est appelé pour supprimer l'événement qui génère le nombre aléatoire. Sinon, un détachement L'événement est déclenché pour suspendre le numéro.

Sortir

La sortie renvoie un écran dans la fenêtre chrome en utilisant le retireeventListener() méthode. Dans cet affichage, les nombres aléatoires sont générés en continu qui sont associés au mouvement de la souris. Un bouton est attaché ici nommé «Essayez le bouton magique pour le réparer". Il est utilisé pour réparer le numéro généré aléatoire.

Exemple 2

Un autre exemple est suivi ici en utilisant le retireEventListener () méthode. Le code est comme suit:

Code

Bienvenue à JavaScript World

Un autre exemple pour utiliser la méthode devateEventListener ()

Bouton magique

Dans le code, le retireeventListener() La méthode est utilisée avec un bouton. L'ID du bouton est transmis au retireeventListener() Méthode, qui supprimera l'événement lorsque le bouton est enfoncé.

Sortir

Avant de cliquer sur le bouton:

Après avoir cliqué sur le bouton:

Après avoir cliqué sur le Bouton magique, Un événement est appelé qui génère une fenêtre contextuelle dans le navigateur Web.

Conclusion

La méthode devoieEventListener () est utilisée pour supprimer l'événement déjà ajouté dans JavaScript. Pour pratiquer cette méthode, vous devez ajouter un événement en utilisant le addEventListener () Méthode en javascript. Après cela, le retireEventListener () La méthode peut être appelée pour supprimer cet événement. Ici, vous avez appris le fonctionnement et l'utilisation de la méthode devayEventListener () en JavaScript à l'aide d'exemples de base et avancés.