Balise a et hashtag #, javascript:void ou autre

Bonjour,
pour mon premier message, je pose une question qui a peut-être déjà était posé mais je trouve pas de réponse :aie:

Normalement on utilise des liens de ce genre pour les flèches de sliders ou autres :

Code:

---

<a href='#' title='Cliquez pour faire défiler'>Ma Fleche</a>

---

Et on peut aussi utiliser:

Code:

---

<a href='javascript:void(0);' title='Cliquez pour faire défiler'>Ma Fleche</a>

---

Je me demande quelles sont les différences entre les deux syntaxes ? Faut-il en favoriser l'une plus de l'autre ?

Merci d'avance

Le but poursuivi est le même, à savoir que le clic ne doit amener nul part (pas de changement de page). Par conséquent, les 2 techniques existent :

• Renvoi vers une ancre de page qui n'a pas été définie (#). Donc il ne se passe rien.
• Appel de la fonction void qui renvoie undefined. La cible étant indéfinie il ne se passe rien

Maintenant, de là à comparer ces 2 techniques... Disons juste que la première solution ne sollicite pas le moteur Javascript.

Merci pour la réponse. En effet, le résultat est le même mais je me demandais si tout de même, il n'y avait pas une légère nuance.

Du coup, je reste sur le Hashtag.

Citation:

---

Envoyé par Hephaistos007;6715107
[LIST

Renvoi vers une ancre de page qui n'a pas été définie (#).

---

Et pour empêcher le comportement par défaut, à savoir remonter en haut de page, on utilise preventDefault() ;)

javascript:void(0);, c'est sale, très sale...

Citation:

---

Envoyé par Macmillenium

Et pour empêcher le comportement par défaut, à savoir remonter en haut de page, on utilise preventDefault() ;)

javascript:void(0);, c'est sale, très sale...

---

Donc avec un preventDefault(), on neutralise totalement le lien comme dans le code Jquery qui suit:

Code:

---

1 2 3 4

$("a#test1").click(function(e){ e.preventDefault(); });

---

C'est toujours utile pour éviter que la page remonte comme sur certains navigateurs.

On empêche le comportement par défaut mais on laisse l’événement se propager tranquillement dans le DOM.

Citation:

---

Envoyé par Macmillenium

On empêche le comportement par défaut mais on laisse l’événement se propager tranquillement dans le DOM.

---

Donc on neutralise que la "redirection" vers un nouvelle url :mrgreen:

Citation:

---

Normalement on utilise des liens de ce genre pour les flèches de sliders ou autres

---

il serait peu être plus judicieux, dans ce cas, d'utiliser des BUTTON qui sont somme toute là pour exécuter une action sur un clic.