Pourquoi mon « addEventListener » se déclenche-t-il lors du chargement de la page au lieu d'un clic ?

L'événement JavaScript "addEventListener" se déclenche lors du chargement de la page [duplicata]

Question :

Pourquoi le script suivant provoque-t-il le déclenchement de l'événement lors du chargement de la page plutôt que lorsque l'utilisateur clique sur l'élément ?

document.write("<div id=\"myDiv\">I am a div</div>");
el = document.getElementById("myDiv");
el.addEventListener("click", alert("clicktrack"), false);

Réponse :

Le problème réside dans la syntaxe de l'inscription de l'auditeur de l'événement. La ligne :

el.addEventListener("click", alert("clicktrack"), false);

exécute immédiatement la fonction d'alerte et transmet sa valeur de retour non définie en tant que gestionnaire d'événements. Pour transmettre correctement le code d'alerte en fonction, il doit être enveloppé dans une fonction :

el.addEventListener("click", function() { alert("clicktrack"); }, false);

De cette façon, l'alerte ne sera appelée que lorsque l'on clique sur l'élément, pas lors du chargement de la page.

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!