Explication détaillée d'un événement de clic de balise en javascript

Cet article présentera en détail les connaissances pertinentes sur les événements de clic sur la balise a. Il a une très bonne valeur de référence. Jetons un coup d'œil avec l'éditeur ci-dessous

Lorsque nous traitions l'événement click sur la balise a, nous avons constaté que même si href="" était vide, le effet de l'événement click Ce n'est pas évident. Comment gérer cette situation ? Les méthodes de manipulation courantes sont les suivantes :

a href="javascript:void(0);" rel="external nofollow" onclick="method()"

Cette méthode est la méthode la plus couramment utilisée et la plus complète, onclick. La méthode est responsable de l'exécution de la fonction js, et void est un opérateur void(0) qui renvoie undéfini et l'adresse ne saute pas. Et cette méthode n’expose pas directement la méthode js à la barre d’état du navigateur comme la première méthode.

a href="javascript:;" rel="external nofollow" onclick="method()"

Cette méthode est similaire aux deux méthodes, la seule différence est qu'un code js vide est exécuté.

a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"

Cette méthode est également un code très courant sur Internet. # est une méthode intégrée à la balise, qui représente le rôle de top. Ainsi, en utilisant cette méthode pour cliquer sur la page Web, vous revenez en haut de la page.

a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"

Cette méthode renvoie false après avoir cliqué pour exécuter la fonction js, ce qui empêche le comportement par défaut de l'événement lui-même, la page ne saute pas et elle est toujours à la position actuelle de la page après l'exécution .

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!