Faire un lien HTML qui ne fait rien (littéralement rien)

Je veux un lien qui ne fait rien. Je ne veux pas ça:

parce que l’URL devient alors something.com/whatever/# .

La seule raison pour laquelle je souhaite un lien est que l’utilisateur puisse voir qu’il peut cliquer sur le texte. JavaScript est utilisé pour effectuer certaines actions, donc je n’ai pas besoin du lien pour aller n’importe où, mais j’en ai besoin pour ressembler à un lien!

Je pourrais utiliser certains atsortingbuts de données et me dire que les CSS doivent faire en sorte que les éléments ressemblent à des liens s’ils ont cet atsortingbut, mais cela semble un peu exagéré.

Ce qui suit empêchera votre href d’être exécuté

  

Si vous utilisez jQuery, event.preventDefault() peut être utilisé

Essaye ça:

 link 

En HTML5, c’est très simple. Il suffit d’omettre l’atsortingbut href .

N’en faites pas un lien (bien qu’il soit préférable de le faire) et stylisez-le avec CSS pour qu’il ressemble à un lien:

 p.not-a-link { text-decoration: underline; cursor: pointer } 

Ou mieux encore, faites-en un lien et laissez la fonction javascript utilisée, e.preventDefault() empêcher le lien.

Ajoutez également le lien vers le href afin que les utilisateurs sans JS activés puissent toujours l’utiliser (comme solution de secours).

Link text – c’est ce que j’utilise habituellement

La réponse de @ Curt fonctionnera, mais vous pouvez utiliser un style de curseur dans CSS pour le faire ressembler à un lien sans le souci de générer un lien factice. Utilisez la main ou le pointeur en fonction de la conformité du navigateur.

Css (à partir du guide de style du curseur ):

 element { cursor: pointer; cursor: hand; } 

une façon dont personne n’a mentionné est de pointer le href vers un emplacement de fichier local vide comme ça

 my dead link 

Pourquoi? Si vous utilisez un framework tel que react ou angular, le compilateur va cracher des avertissements qui risquent de salir votre journal ou votre console. Cette technique empêchera également les robots ou les araignées de lier incorrectement les choses.

DONT USE … utilisez plutôt et utilisez ensuite la classe pour la styliser comme vous le souhaitez.

Nous pouvons atteindre cet objective en utilisant javascript void qui implique normalement l’évaluation d’une expression et le retour de undefined, ce qui inclut l’ajout de javascript:void(0); sur le href.

L’opérateur vide est généralement utilisé uniquement pour obtenir une valeur primitive non définie, en utilisant généralement «void (0)» (ce qui équivaut à «void 0»). Dans ces cas, la variable globale undefined peut être utilisée à la place (en supposant qu’elle n’ait pas été affectée à une valeur autre que celle par défaut).

 a { text-decoration: initial; } 
  This link actually does nothing when clicked