Bạn làm cách nào để ghi đè sự kiện onclick nội tuyến?

Question

Điều này có vẻ đơn giản.

Làm thế nào để bạn ghi đè sự kiện onclick trong HTML sau bằng JavaScript?

<a id="sample" href="..." onclick="alert('hello world')" />...</a> 

Tôi đã thử nó với jQuery, nhưng điều đó không làm các trick:

$('#sample').attr('onclick','alert("done")') 

Giả HTML là trước bằng văn bản và không thể thay đổi, trừ thao tác nó với JavaScript.

Answer 1

Hãy thử điều này:

// Setting the DOM element's onclick to null removes 
// the inline click handler 
$("#sample")[0].onclick = null; 
$("#sample").click(function() { alert("done") }); 

Answer 2

Hãy thử:

document.getElementById("sample").onclick = $.noop; 

$.noop == function(){}; 

jQuery noop

Answer 3

<a id="sample" href="..." onclick="alert('hello world'); return false;" />...</a> 

Hoặc

$('#sample').attr('onclick','alert("done"); return false;') 

Mặc dù có khả năng thiết lập các return false; hoặc trực tiếp trong onclick hoặc bằng cách sử dụng jQuery, nó không thực sự yêu cầu jQuery phải được sử dụng. Lợi ích là nếu vì lý do gì đó kịch bản jQuery của bạn dẫn đến một mã số 404, mã của bạn sẽ vẫn hoạt động.

Tôi đã tìm thấy câu trả lời here.

Answer 4

này cũng có thể được thực hiện mà không jQuery:

document.getElementById("sample").setAttribute('onclick','alert("done")');