Quelle est la méthode addEventListener en javascript.

En JavaScript, un événement est une action qui se produit sur une page Web. Cette action peut être n'importe quoi, de cliquer sur un bouton au chargement de la page. Plusieurs événements peuvent se produire simultanément et peuvent être lancés par l'utilisateur ou le navigateur. Pour gérer ces événements, les gestionnaires d'événements sont nécessaires. Lorsqu'un événement se produit à l'intérieur d'un navigateur, il alerte le système qui peut ensuite gérer (répondre à) ces événements.

Dans cet article, nous aurons une discussion détaillée sur le AddEventListener () Méthode en JavaScript et comment nous pouvons l'utiliser pour capturer et gérer les événements.

Qu'est-ce qu'AdveventListener () dans JavaScript

JavaScript nous fournit le addEventListener () Méthode, qui est une fonction intégrée qui peut être utilisée pour spécifier une fonction qui sera exécutée dans le cas où un événement particulier est déclenché.

Syntaxe

Target_element.AddeventListener (événement, fonction, usecapture)

Target_element: Ceci est l'élément HTML à lequel nous voulons attacher le gestionnaire d'événements.

Les paramètres sont:

• événement: C'est un événement JavaScript valide qui est écrit sans le préfixe «sur». Par exemple, «cliquez» est écrit à la place de «OnClick». Le fonction exécute une fois cet événement.
• fonction: Cette fonction est un auditeur qui est exécuté en réponse à un événement déclenché.
• user: C'est une valeur booléenne en option qui décide du type d'événement à utiliser (bouillonnement d'événements ou capture d'événements).

Que sont les bouillages d'événements et la capture d'événements

Le troisième paramètre booléen facultatif, user, détermine la propagation de l'événement, qui décide de la séquence d'occurrence d'un événement.

S'il y a

élément à l'intérieur d'un élément et l'utilisateur clique sur le

élément, lequel de l'événement de clic devrait se produire en premier?

En bouillonnant, qui est représenté par False, la séquence d'occurrence passe de l'intérieur à l'extérieur. Le

La balise sera traitée d'abord, puis la balise.

Alors que, pour la capture, qui est représenté par vrai, l'événement le plus extérieur est géré d'abord avant l'élément intérieur. D'abord, sera manipulé, puis le

étiqueter.

Exemple

Ici, deux paramètres sont passés. En cliquant sur le bouton, la fonction est appelée qui affiche le texte:

Cliquez ici

Conclusion

Le addEventListener La méthode dans JavaScript vous permet de capturer des événements, puis d'exécuter la fonction spécifiée en fonction de l'événement qui s'est produit. Il faut trois paramètres; L'un d'eux est facultatif. Le troisième paramètre (facultatif), user, est un paramètre booléen qui décide de la séquence des événements qui se produisent. Dans cet article, nous avons eu une discussion complète sur ce qu'est le addEventListener () Méthode et comment l'utiliser efficacement dans notre code javascript.