¿Cómo puedo desactivar HREF si se ejecuta onclick?

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

Si devuelve false debería evitar la acción predeterminada (ir al href).

Editar: Lo sentimos, no parece funcionar, puede hacer lo siguiente en su lugar:

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

Simplemente deshabilite el comportamiento predeterminado del navegador usando preventDefault y pasa el event dentro de tu 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>

Con jQuery:

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

Con 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>

Asigna la clase .ignore-click a tantos elementos como desee y los clics en esos elementos se ignorarán

Puedes usar este sencillo código:

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

Es más sencillo si pasa un parámetro de evento como este:

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

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

Resolví una situación en la que necesitaba una plantilla para el elemento que manejaría alternativamente una URL regular o una llamada javascript, donde la función js necesita una referencia al elemento que llama. En javascript, "esto" funciona como una referencia propia solo en el contexto de un elemento de formulario, por ejemplo, un botón. No quería un botón, sólo la apariencia de un enlace normal.

Ejemplos:

<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>

Los atributos href y onClick tienen los mismos valores, excepto I append "return false" on onClick cuando se trata de una llamada javascript. Tener "return false" en la función llamada no funcionó.

Esto podría ayudar. No se necesita jQuery

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

Este código hace lo siguiente: Pase el enlace relativo a Google Docs Viewer

1. Obtenga la versión de enlace completa del ancla por this.href
2. abra el enlace de la nueva ventana.

Así que en tu caso esto podría funcionar:

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

Esto funcionó para mí:

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

En mi caso, tenía una condición cuando el usuario hace clic en el elemento "a". La condición era:

Si otra sección tiene más de diez elementos, entonces el usuario no debe ser redirigido a otra página.

Si otra sección tiene menos de diez elementos, entonces el usuario debe ser redirigido a otra página.

La funcionalidad de los elementos "a" depende del otro componente. El código dentro del evento click es el siguiente:

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

Utilizar como sigue

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