Wie kann die Standardereignisbehandlung in einer Onclick-Methode verhindert werden?

Wie kann ich die Standardeinstellung bei einer Onclick-Methode verhindern? Ich habe eine Methode, bei der ich auch einen benutzerdefinierten Wert übergebe

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

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

Lassen Sie Ihren Rückruf zurückkehren falseund geben Sie ihn an den onclickHandler weiter:

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

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

Um wartbaren Code zu erstellen , sollten Sie jedoch auf "Inline-Javascript" (dh Code, der sich direkt im Tag eines Elements befindet) verzichten und das Verhalten eines Elements über eine enthaltene Javascript-Quelldatei ( unauffälliges Javascript ) ändern .

Der Aufschlag:

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

Der Code (separate Datei):

// 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 */
});

Meiner Meinung nach ist die Antwort falsch! Er fragte, event.preventDefault();wann Sie einfach falsch zurückgeben; es ruft event.preventDefault();UND aufevent.stopPropagation(); auch!

Sie können es folgendermaßen lösen:

<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();
}

Versuchen Sie dies (aber verwenden Sie in solchen Fällen die Schaltflächen, wenn Sie keinen gültigen hrefWert für eine ordnungsgemäße Verschlechterung haben ).

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

Sie können das Ereignis abfangen und dann mit PreventDefault () blockieren - funktioniert mit reinem Javascript

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

Platzieren Sie einfach "javascript: void (0)" anstelle von "#" im href-Tag

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

Das hat bei mir funktioniert

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

Sie können verwenden:

event.stopPropagation();

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

Es wäre zu mühsam, die Funktionsnutzung auf allen HTML-Seiten zu ändern return false .

Hier ist also eine getestete Lösung, die nur die Funktion selbst patcht:

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

Dadurch wird der Besuch von IE6, IE11 und dem neuesten Chrome korrekt verhindert href="#" nach Abschluss des onclick-Ereignishandlers aufgerufen werden.

Credits:

• Wie finden Sie die Aufruferfunktion in JavaScript heraus?
• Die Funktion event.preventDefault () funktioniert im IE nicht

Wenn Sie es in das Tag einfügen müssen. Nicht die beste Lösung, aber es wird funktionieren.

Stellen Sie sicher, dass Sie das Ereignis onclick vor das href stellen. Arbeitete nur für mich so.

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

Eine andere Möglichkeit, dies zu tun, besteht darin, das eventObjekt innerhalb des Attributs zu verwenden onclick(ohne dass der Funktion ein zusätzliches Argument hinzugefügt werden muss, um das Ereignis zu übergeben).

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

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

Geben Sie dem Element eine Klasse oder ID und verwenden Sie die jquery-Funktion unbind ().

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