Pourquoi la fonction JavaScript onclick se déclenche-t-elle prématurément lorsque des parenthèses sont utilisées ?

Fonction JavaScript onclick déclenchée prématurément

Lors de la création d'un lien avec une esthétique similaire à un mais destiné à exécuter une fonction lors d'un clic, les utilisateurs peuvent rencontrer un scénario dans lequel la fonction est appelée par erreur lors du chargement de la page. Cela empêche l'événement de clic souhaité de fonctionner correctement.

Le piège courant est l'utilisation inappropriée des parenthèses lors de l'attribution de l'attribut onclick. Au lieu de sentNode.onclick = secondFunction(), qui exécute immédiatement la fonction, la syntaxe correcte est sentNode.onclick = secondFunction. Ceci attribue une référence à la fonction, qui ne sera exécutée que lors de l'événement click.

<code class="javascript">function startFunction() {
  var sentNode = document.createElement('a');
  sentNode.setAttribute('href', "#");
  sentNode.setAttribute('onclick', secondFunction);
  //sentNode.onclick = secondFunction();
  sentNode.innerHTML = "Sent Items";
  //...
}</code>

En omettant les parenthèses, l'événement onclick est correctement lié à une référence de fonction et non au résultat de son exécution, assurer le comportement prévu.

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!