Bir onclick yönteminde varsayılan olay işleme nasıl engellenir?

Bir onclick yönteminde varsayılanı nasıl önleyebilirim? Özel bir değeri de ilettiğim bir yöntemim var

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

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

Geri aramanızın geri dönmesine falseve bunu onclickişleyiciye iletmesine izin verin :

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

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

Bununla birlikte, sürdürülebilir kod oluşturmak için , "satır içi Javascript" (yani, doğrudan bir öğenin etiketi içinde bulunan kod) kullanmaktan kaçınmalı ve bir öğenin davranışını, dahil edilen bir Javascript kaynak dosyası (buna göze çarpmayan Javascript denir ) aracılığıyla değiştirmelisiniz.

Biçimlendirme:

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

Kod (ayrı dosya):

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

Bence cevap yanlış! event.preventDefault();Ne zaman yanlış döndüğünüzü sordu ; event.preventDefault();VE event.stopPropagation();de çağırıyor !

Bunu şu şekilde çözebilirsiniz:

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

Bunu deneyin (ancak bu gibi durumlar hrefiçin uygun bir bozulma için geçerli bir değeriniz yoksa lütfen düğmeleri kullanın )

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

Olayı yakalayabilir ve ardından preventDefault () ile engelleyebilirsiniz - saf Javascript ile çalışır

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

Href etiketindeki "#" yerine "javascript: void (0)" koyun

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

Bu benim için çalıştı

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

Kullanabilirsiniz:

event.stopPropagation();

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

Bunu yapmanın başka bir yolu da eventnesneyi özniteliğin içinde kullanmaktır onclick(olayı iletmek için işleve ek bir argüman eklemeye gerek kalmadan)

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

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

Tüm html sayfalarındaki işlev kullanımlarını .tml olarak değiştirmek çok sıkıcı olurdu return false.

İşte sadece işlevin kendisini yamalayan test edilmiş bir çözüm:

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

Bu, IE6, IE11 ve en son Chrome'un ziyaret edilmesini doğru bir şekilde engeller href="#" onclick olay işleyicisi tamamlandıktan sonra .

Kredi:

• JavaScript'te arayan işlevini nasıl öğrenirsiniz?
• event.preventDefault () işlevi IE'de çalışmıyor

Etikete eklemeniz gerekiyorsa. En iyi çözüm değil ama işe yarayacak.

Onclick olayını href'in önüne koyduğunuzdan emin olun. Sadece bu yolum için çalıştı.

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

Öğeye bir sınıf veya kimlik verin ve jquery işlevini kullanın unbind ();

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