Làm cách nào để ngăn việc xử lý sự kiện mặc định trong phương pháp onclick?

Làm thế nào để ngăn chặn mặc định trong một phương pháp onclick? Tôi có một phương pháp mà tôi cũng đang chuyển một giá trị tùy chỉnh

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

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

Hãy để lệnh gọi lại của bạn trở lại falsevà chuyển nó cho onclicktrình xử lý:

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

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

Tuy nhiên, để tạo mã có thể bảo trì , bạn nên kiêng sử dụng "Javascript nội dòng" (tức là: mã nằm ngay trong thẻ của phần tử) và sửa đổi hành vi của phần tử thông qua tệp nguồn Javascript được bao gồm (nó được gọi là Javascript không phô trương ).

Đánh dấu:

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

Mã (tệp riêng biệt):

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

Theo tôi câu trả lời là sai! Anh ta yêu cầu event.preventDefault();khi bạn chỉ trả lại sai; nó cũng gọi event.preventDefault();AND event.stopPropagation();!

Bạn có thể giải quyết nó bằng cách này:

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

Hãy thử điều này (nhưng hãy sử dụng các nút cho những trường hợp như vậy nếu bạn không có hrefgiá trị hợp lệ để giảm cấp duyên dáng )

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

Bạn có thể bắt sự kiện và sau đó chặn sự kiện đó bằng PreventDefault () - hoạt động với Javascript thuần túy

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

Chỉ cần đặt "javascript: void (0)", thay cho "#" trong thẻ href

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

Điều này đã làm việc cho tôi

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

Bạn có thể dùng:

event.stopPropagation();

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

Sẽ quá tẻ nhạt nếu thay đổi cách sử dụng chức năng trong tất cả các trang html return false.

Vì vậy, đây là một giải pháp đã được thử nghiệm chỉ vá chính chức năng:

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

Điều này chính xác ngăn IE6, IE11 và Chrome mới nhất truy cập href="#"sau khi trình xử lý sự kiện onclick hoàn tất.

Tín dụng:

• Làm cách nào để bạn tìm ra hàm người gọi trong JavaScript?
• Hàm event.preventDefault () không hoạt động trong IE

Nếu bạn cần đặt nó trong thẻ. Không phải là giải pháp tốt nhất, nhưng nó sẽ hoạt động.

Đảm bảo rằng bạn đặt sự kiện onclick trước href. Chỉ làm việc cho tôi theo cách này.

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

Một cách khác để làm điều đó là sử dụng eventđối tượng bên trong thuộc tính onclick(mà không cần thêm đối số bổ sung vào hàm để truyền sự kiện)

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

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

Cung cấp một lớp hoặc id cho phần tử và sử dụng hàm jquery unbind ();

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