Wie überschreiben Sie Online Onclick-Ereignis?

Question

Dies scheint täuschend einfach.

Wie überschreiben Sie das onclick -Ereignis im folgenden HTML mit JavaScript?

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

Ich habe versucht, es mit jQuery, aber das hat nicht den Trick:

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

Nehmen Sie die HTML ist bereits geschrieben und kann nicht geändert werden, außer es mit JavaScript manipulieren.

Answer 1

Versuchen Sie folgendes:

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

Answer 2

Versuchen:

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

$.noop == function(){}; 

jQuery noop

Answer 3

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

Oder

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

Trotz der return false; entweder direkt in der Onclick oder mithilfe von jQuery einstellen zu können, nicht wahr tatsächlich erfordern jQuery überhaupt verwendet werden. Der Vorteil ist, wenn Ihr jQuery-Skript aus irgendeinem Grund zu einem 404 führt, wird Ihr Code trotzdem funktionieren.

Ich fand die Antwort here.

Answer 4

Dies kann auch ohne jQuery getan werden:

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