Comment désactiver HREF si onclick est exécuté?

    yes_js_login = function() {
         // Your code here
         return false;
    }

si vous retournez false il devrait empêcher l'action par défaut (allant à la href).

Edit: Désolé, mais ne semble pas fonctionner, vous pouvez faire ce qui suit:

<a href="http://example.com/no-js-login" onclick="yes_js_login(); return false;">Link</a>

désactivez simplement le comportement par défaut du navigateur en utilisant preventDefault et passez le event dans votre HTML.

<a href=/foo onclick= yes_js_login(event)>Lorem ipsum</a>

yes_js_login = function(e) {
  e.preventDefault();
}

<a href="http://www.google.com" class="ignore-click">Test</a>

avec jQuery:

<script>
    $(".ignore-click").click(function(){
        return false;
    })
</script>

avec JavaScript

<script>
        for (var i = 0; i < document.getElementsByClassName("ignore-click").length; i++) {
            document.getElementsByClassName("ignore-click")[i].addEventListener('click', function (event) {
                event.preventDefault();
                return false;
            });
        }
</script>

Vous assigner classe .ignore-click autant d'éléments que vous aimez et clique sur ces éléments seront ignorés

vous pouvez utiliser ce code simple:

<a href="" onclick="return false;">add new action</a><br>

, C'est plus simple si vous passez un paramètre d'événement comme ceci:

<a href="#" onclick="yes_js_login(event);">link</a>

function yes_js_login(e) {
    e.stopImmediatePropagation();
}

j'ai résolu une situation où j'avais besoin d'un modèle pour l'élément qui traiterait alternativement une URL régulière ou un appel javascript, où la fonction js a besoin d'une référence à l'élément appelant. Dans javascript, "ceci" fonctionne comme une référence autonome seulement dans le contexte d'un élément de forme, par exemple, un bouton. Je ne voulais pas un bouton, juste l'apparence d'un lien régulier.

exemples:

<a onclick="http://blahblah" href="http://blahblah" target="_blank">A regular link</a>
<a onclick="javascript:myFunc($(this));return false" href="javascript:myFunc($(this));"  target="_blank">javascript with self reference</a>

les attributs href et onClick ont les mêmes valeurs, sauf que j'ajoute "return false" sur onClick quand c'est un appel javascript. Avoir "return false" dans la fonction appelée n'a pas fonctionné.

cela pourrait aider. Pas de JQuery nécessaire

<a href="../some-relative-link/file" 
onclick="this.href = 'https://docs.google.com/viewer?url='+this.href; this.onclick = '';" 
target="_blank">

ce code fait ce qui suit: Passer le lien relatif à Google Docs Viewer

1. Obtenir le lien complet de la version de l'ancre par this.href
2. ouvrir le lien la nouvelle fenêtre.

donc dans votre cas cela pourrait fonctionner:

<a href="../some-relative-link/file" 
onclick="this.href = 'javascript:'+console.log('something has stopped the link'); " 
target="_blank">

cela a fonctionné pour moi:

<a href="" onclick="return false;">Action</a>

dans mon cas, j'avais une condition quand l'utilisateur cliquait sur l'élément" a". La condition était:

si l'autre section avait plus de dix articles, alors l'utilisateur ne devrait pas être redirigé vers une autre page.

Si l'article avait moins de dix articles, puis l'utilisateur doit être redirigé vers une autre page.

la fonctionnalité des éléments" a " dépend de l'autre composante. Le code dans l'événement de clic est le suivant:

var elementsOtherSection = document.querySelectorAll("#vehicle-item").length;
if (elementsOtherSection> 10){
     return true;
}else{
     event.preventDefault();
     return false;
}

utiliser comme suit

 onClick="javascript:void(0);anyfunction();"