Come impedire la gestione degli eventi predefiniti in un metodo onclick?

Come prevenire il default in un metodo onclick? Ho un metodo in cui sto anche passando un valore personalizzato

<a href="#" onclick="callmymethod(24)">Call</a>

function callmymethod(myVal){
    //doing custom things with myVal
    //here I want to prevent default
}

Lascia che la tua richiamata torni falsee passala al onclickgestore:

<a href="#" onclick="return callmymethod(24)">Call</a>

function callmymethod(myVal){
    //doing custom things with myVal
    //here I want to prevent default
    return false;
}

Per creare mantenibile codice, tuttavia, si dovrebbe astenersi dall'utilizzare "inline Javascript" (vale a dire: il codice che è direttamente all'interno del tag di un elemento) e modificare il comportamento di un elemento tramite un file sorgente JavaScript incluso (si chiama JavaScript discreto ).

Il mark-up:

<a href="#" id="myAnchor">Call</a>

Il codice (file separato):

// Code example using Prototype JS API
$('myAnchor').observe('click', function(event) {
    Event.stop(event); // suppress default click behavior, cancel the event
    /* your onclick code goes here */
});

Secondo me la risposta è sbagliata! Ha chiesto event.preventDefault();quando restituisci semplicemente falso; chiama anche event.preventDefault();AND event.stopPropagation();!

Puoi risolverlo in questo modo:

<a href="#" onclick="callmymethod(event, 24)">Call</a>

function callmymethod(e, myVal){
    //doing custom things with myVal

    //here I want to prevent default
    e = e || window.event;
    e.preventDefault();
}

Prova questo (ma usa i pulsanti per questi casi se non hai un hrefvalore valido per il degrado grazioso )

<a href="#" onclick="callmymethod(24); return false;">Call</a>

Puoi catturare l'evento e quindi bloccarlo con preventDefault () - funziona con Javascript puro

document.getElementById("xyz").addEventListener('click', function(event){
    event.preventDefault();
    console.log(this.getAttribute("href"));
    /* Do some other things*/
});

Basta inserire "javascript: void (0)", al posto di "#" nel tag href

<a href="javascript:void(0);" onclick="callmymethod(24)">Call</a>

Questo ha funzionato per me

<a href="javascript:;" onclick="callmymethod(24); return false;">Call</a>

Puoi usare:

event.stopPropagation();

https://dom.spec.whatwg.org/#dom-event-stoppropagation

Un altro modo per farlo è utilizzare l' eventoggetto all'interno dell'attributo onclick(senza la necessità di aggiungere un argomento aggiuntivo alla funzione per passare l'evento)

function callmymethod(myVal){
    console.log(myVal);
}

<a href="#link" onclick="event.preventDefault();callmymethod(24)">Call</a>

Sarebbe troppo noioso modificare gli usi delle funzioni in tutte le pagine html in return false.

Quindi ecco una soluzione testata che patcha solo la funzione stessa:

function callmymethod(myVal) {
    // doing custom things with myVal

    // cancel default event action
    var event = window.event || callmymethod.caller.arguments[0];
    event.preventDefault ? event.preventDefault() : (event.returnValue = false);

    return false;
}    

Ciò impedisce correttamente la visita di IE6, IE11 e Chrome più recente href="#"dopo il completamento del gestore di eventi onclick.

Crediti:

• Come trovi la funzione chiamante in JavaScript?
• La funzione event.preventDefault () non funziona in IE

Se devi metterlo nel tag. Non è la soluzione migliore, ma funzionerà.

Assicurati di mettere l'evento onclick davanti al file href. Funzionava solo per me in questo modo.

<a onclick="return false;" href="//www.google.de">Google</a>

Dare una classe o un id all'elemento e utilizzare la funzione jquery unbind ();

$(".slide_prevent").click(function(){
                $(".slide_prevent").unbind();
              });