Jak zapobiec domyślnej obsłudze zdarzeń w metodzie onclick?

Jak zapobiec default w metodzie onclick? Mam metodę, w której przekazuję również wartość niestandardową

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

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

Pozwól, aby Twoje wywołanie zwrotne powróciło falsei przekaż je do programu onclickobsługi:

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

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

Aby jednak stworzyć możliwy do utrzymania kod, należy powstrzymać się od używania „wbudowanego JavaScript” (tj. Kodu znajdującego się bezpośrednio w tagu elementu) i modyfikować zachowanie elementu za pomocą dołączonego pliku źródłowego JavaScript (nazywa się to dyskretnym JavaScriptem ).

Marża:

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

Kod (osobny plik):

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

Moim zdaniem odpowiedź jest błędna! Zapytał, event.preventDefault();kiedy po prostu zwracasz fałsz; woła również event.preventDefault();AND event.stopPropagation();!

Możesz to rozwiązać w ten sposób:

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

Spróbuj tego (ale w takich przypadkach użyj przycisków, jeśli nie masz prawidłowej hrefwartości dla wdzięcznej degradacji )

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

Możesz przechwycić zdarzenie, a następnie zablokować je za pomocą PreventDefault () - działa z czystym JavaScriptem

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

Po prostu umieść „javascript: void (0)” zamiast „#” w tagu href

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

To zadziałało dla mnie

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

Możesz użyć:

event.stopPropagation();

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

Zmiana sposobu użycia funkcji na wszystkich stronach HTML na return false.

Oto przetestowane rozwiązanie, które łata tylko samą funkcję:

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

To poprawnie zapobiega odwiedzaniu przeglądarek IE6, IE11 i najnowszej przeglądarki Chrome href="#"po zakończeniu obsługi zdarzeń onclick.

Kredyty:

• Jak poznać funkcję dzwoniącego w JavaScript?
• Funkcja event.preventDefault () nie działa w IE

Jeśli musisz umieścić to w tagu. Nie jest to najlepsze rozwiązanie, ale zadziała.

Upewnij się, że zdarzenie onclick zostało umieszczone przed href. Pracowałem tylko dla mnie w ten sposób.

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

Innym sposobem na to jest użycie eventobiektu wewnątrz atrybutu onclick(bez konieczności dodawania dodatkowego argumentu do funkcji w celu przekazania zdarzenia)

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

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

Podaj klasę lub identyfikator elementowi i użyj funkcji jquery unbind ();

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