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

Question

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 trong đó tôi cũng đang đi qua 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 
} 

Answer 1

Hãy trở callback của bạn false và qua đó sang onclick handler:

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

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

---

Để tạo duy trì đang tuy nhiên, bạn nên tránh sử dụng "Javascript nội tuyến" (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 một Tệp nguồn Javascript (được gọi là unobtrusive Javascript).

Các mark-up:

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

Mã (file 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 */ 
}); 

Answer 2

Hãy thử

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

Answer 3

Theo tôi câu trả lời là sai! Anh ta yêu cầu event.preventDefault(); khi bạn đơn giản trả về false; nó cũng gọi số event.preventDefault(); VÀ 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(event, myVal){ 
    //doing custom things with myVal 

    //here I want to prevent default 
    event.preventDefault(); 
} 

Answer 4

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

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

Answer 5

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

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

Answer 6

Bạn có thể bắt sự kiện và sau đó chặn nó với preventDefault() - làm việc với tinh khiết Javascript

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

Answer 7

này làm việc cho tôi

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

Answer 8

Bạn có thể sử dụng:

event.stopPropagation();

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