Maison > interface Web > js tutoriel > Pourquoi ma fonction JavaScript n'est-elle pas appelée lorsqu'un lien est cliqué ?

Pourquoi ma fonction JavaScript n'est-elle pas appelée lorsqu'un lien est cliqué ?

Linda Hamilton
Libérer: 2024-12-29 03:13:10
original
492 Les gens l'ont consulté

Why Isn't My JavaScript Function Called When a Link Is Clicked?

Fonction JavaScript non invoquée lorsque le lien est cliqué

Dans ce scénario, vous disposez d'une page Web avec une barre de navigation latérale contenant des liens visant à modifier la source d'un iFrame en cliquant dessus. Cependant, malgré l'utilisation de JavaScript pour y parvenir, la fonctionnalité souhaitée n'est pas déclenchée.

Cause :

Après avoir examiné le code que vous avez fourni, il est évident que vous avez négligé pour appeler la fonction getContent en omettant les parenthèses après son nom :

<a href="#" onclick='getContent()'> LoremIpsum</a>
Copier après la connexion
Copier après la connexion

Corrections :

Pour résoudre le problème, il est crucial d'inclure les parenthèses après l'appel de la fonction :

<a href="#" onclick='getContent()'> LoremIpsum</a>
Copier après la connexion
Copier après la connexion

Directives supplémentaires :

Tout en résolvant ce problème particulier, cela vaut la peine d'envisager quelques bonnes pratiques générales pour le développement Web :

  • Éviter les attributs d'événement en ligne : l'utilisation d'attributs d'événement HTML (par exemple, onclick) est déconseillée pour plusieurs raisons, notamment des difficultés de débogage, de duplication, une mauvaise évolutivité, et les écarts par rapport à l'approche de séparation des préoccupations.
  • Utilisez 'addEventListener()' : au lieu de l'événement en ligne gestionnaires, il est recommandé de définir des gestionnaires d'événements dans JavaScript et d'utiliser la méthode 'addEventListener()'.
  • Employer des boutons au lieu d'hyperliens : si le déclenchement de la fonctionnalité JavaScript est l'objectif, il est préférable d'utiliser des boutons plutôt que des hyperliens. Cependant, si des hyperliens sont nécessaires, veillez à définir l'attribut « href » sur « # » pour empêcher la navigation native.

Exemple de code :

Voici un version mise à jour de votre code qui intègre les modifications nécessaires :

<button>
Copier après la connexion

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!

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 articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal