¿Cómo se anula el evento onclick en línea?

Question

Esto parece engañosamente simple.

¿Cómo anula el evento onclick en el siguiente código HTML mediante JavaScript?

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

Lo he intentado con jQuery, pero que no hice el truco:

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

Supongamos que el HTML es pre-escrito y no se puede cambiar, aparte de la manipulación con JavaScript.

Answer 1

Prueba esto:

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

Answer 2

Probar:

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

$.noop == function(){}; 

jQuery noop

Answer 3

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

O

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

A pesar de ser capaz de establecer el return false; ya sea directamente en el onclick o usando jQuery, no lo hace de hecho, se requiere jQuery para ser utilizado en absoluto. El beneficio es si por alguna razón su script jQuery lleva a 404, su código seguirá funcionando.

Encontré la respuesta here.

Answer 4

Esto también se puede hacer sin jQuery:

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