HTML : Priorité à onclick sur href

Question

J'aimerais savoir s'il est possible d'avoir à la fois onclick et href sur une balise html et de donner la priorité à onclick sur href. Je veux juste avoir un href pour l'accessibilité des robots/navigateurs.

Remerciements

Answer 1

Oui, il suffit de renvoyer false de la onclick et empêchera l'action par défaut qui consiste à ce que le navigateur ouvre le lien dans le fichier href .

Answer 2

Si vous souhaitez que votre JavaScript soit discret, vous pouvez lier vos événements à l'aide de la fonction addEventListener au lieu d'utiliser le onclick du lien.

Lorsque vous ajoutez un écouteur d'événement, vous pouvez définir un event qui contient une méthode permettant de supprimer le comportement par défaut de l'élément. Dans ce cas, il empêchera le navigateur de naviguer vers l'élément href du lien.

myLink.addEventListener("click", function(event) {
    event.preventDefault();
    /* onclick logic goes here */ 
}, false);

ou en jQuery . . .

jQuery('#myLink').click(function(event){
    event.preventDefault();
    /* onclick logic goes here */ 
});