Empêcher le comportement d'ancrage

Question

Quand je veux empêcher le comportement par défaut de la balise d'ancrage que j'utilise

 <a href="javascript:void(0);">link</a>

Quelle est la solution la plus efficace ?

Answer 1

Un exemple de solution gracieusement dégradante :

 <a href="no-script.html" id="myLink">link</a>

<script>
document.getElementById("myLink").onclick = function() {
    // do things, and then
    return false;
};
</script>

Démo : http://jsfiddle.net/karim79/PkgWL/1/

Answer 2

C'est une bonne approche, si vous utilisez jquery vous pouvez aussi faire :

 <a id="link" href="javascript:void(0)">link</a>

<script type="text/javascript">
   $("#link").click(function(ev) {
       ev.preventDefault();
   });
</script>

preventDefault peut également être utile pour empêcher la soumission du formulaire

Answer 3

Vous pouvez également avoir ceci :

 <a href="#" onclick="return false;">link</a>

Answer 4

Voici un moyen très simple d'arrêter cela.

 ( function( $ ) {
   $( 'a[href="#"]' ).click( function(e) {
      e.preventDefault();
   } );
} )( jQuery );