Come posso disabilitare HREF se viene eseguito onclick?

Ho un'ancora con entrambi HREF e gli ONCLICKattributi impostati. Se cliccato e Javascript sia abilitato, voglio che solo eseguire ONCLICKe ignorare HREF. Allo stesso modo, se Javascript è disabilitato o non supportato, desidero che segua l' HREFURL e ignori ONCLICK. Di seguito è riportato un esempio di ciò che sto facendo, che eseguirà il JS e seguirà il collegamento contemporaneamente (di solito il JS viene eseguito e quindi la pagina cambia):

<A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A>

qual'è il miglior modo per farlo?

Spero in una risposta Javascript, ma accetterò qualsiasi metodo fintanto che funziona, soprattutto se questo può essere fatto con PHP. Ho già letto " un collegamento href esegue e reindirizza la pagina prima che la funzione javascript onclick sia in grado di finire ", ma ritarda solo HREF, ma non la disabilita completamente. Sto anche cercando qualcosa di molto più semplice.

Puoi usare la prima soluzione non modificata, se metti prima return onclicknell'attributo:

<a href="https://example.com/no-js-login" onclick="return yes_js_login();">Log in</a>

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

Esempio: https://jsfiddle.net/FXkgV/289/

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

Se restituisci false dovrebbe impedire l'azione predefinita (andando a href).

Modifica: mi dispiace che non funzioni, puoi invece eseguire le seguenti operazioni:

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

Disabilita semplicemente il comportamento del browser predefinito utilizzando preventDefaulte passa eventall'interno del tuo 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>

Assegni la classe .ignore-clicka tutti gli elementi che desideri e i clic su quegli elementi verranno ignorati

Puoi usare questo semplice codice:

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

È più semplice se passi un parametro evento come questo:

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

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

Questo potrebbe aiutare. Non è necessario JQuery

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

Questo codice esegue le seguenti operazioni: Passa il collegamento relativo a Google Docs Viewer

1. Ottieni la versione completa del link dell'ancora di this.href
2. apri il link nella nuova finestra.

Quindi nel tuo caso potrebbe funzionare:

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

Ho risolto una situazione in cui avevo bisogno di un modello per l'elemento che gestisse in alternativa un URL normale o una chiamata javascript, in cui la funzione js necessita di un riferimento all'elemento chiamante. In javascript, "this" funziona come riferimento personale solo nel contesto di un elemento del modulo, ad esempio un pulsante. Non volevo un pulsante, solo l'aspetto di un normale collegamento.

Esempi:

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

Gli attributi href e onClick hanno gli stessi valori, tranne che aggiungo "return false" su onClick quando è una chiamata javascript. Avere "return false" nella funzione chiamata non ha funzionato.

Questo ha funzionato per me:

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

Nel mio caso, ho riscontrato una condizione quando l'utente fa clic sull'elemento "a". La condizione era:

Se un'altra sezione aveva più di dieci elementi, l'utente non dovrebbe essere reindirizzato a un'altra pagina.

Se un'altra sezione aveva meno di dieci elementi, l'utente dovrebbe essere reindirizzato a un'altra pagina.

La funzionalità degli elementi "a" dipende dall'altro componente. Il codice all'interno dell'evento clic è il seguente:

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