如何更改此图像的点击处理程序？

Question

我有以下HTML：

<img src='img.png' onclick='document.write("Hi there!")' />

...以及以下JavaScript：

$(document).ready(function() {

    // Change the click handler
    $('img').click(function() {

        alert("Hi there!");

    });

});

我期望发生的是图像的点击处理程序被替换，单击它将产生一个警告对话框。相反，页面内容会更改，具体取决于标记中的单击处理程序。

如何在运行时更改点击处理程序？

注意：以下是您可以使用的互动演示：
http://jsfiddle.net/ykmaG/

Answer 1

您需要删除原始onclick：

$('img').removeAttr('onclick').click(function() { ... });

Answer 2

我不会使用onclick属性，而是坚持使用jQuery click（）。

要取消绑定活动，请参阅Unbind()。

这有帮助吗？