Comment remplacer l'événement online onclick?

Question

Cela semble trompeusement simple.

Comment remplacer l'événement onclick dans le code HTML suivant en utilisant JavaScript?

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

Je l'ai essayé avec jQuery, mais cela n'a pas fait l'affaire:

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

Supposons que le HTML est pré-écrit et ne peut pas être changé, autre que la manipulation avec JavaScript.

Answer 1

Essayez ceci:

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

Answer 2

Essayez:

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

$.noop == function(){}; 

jQuery noop

Answer 3

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

Ou

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

En dépit d'être en mesure de mettre l'return false; soit directement dans le onclick ou en utilisant jQuery, il n'a pas exige réellement que jQuery soit utilisé. L'avantage est que si pour une raison quelconque votre script jQuery conduit à un 404, votre code fonctionnera toujours.

J'ai trouvé la réponse here.

Answer 4

Cela peut aussi être fait sans jQuery:

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