javascript - jquery 事件处理程序堆叠

Question

我有这样的东西:http://jsfiddle.net/PTcw8/4/

<div id="container">
    <a href="#" onclick="javascript:alert('inline'); return false;"> show me </a>
    <br />
    <input type="button" value="click to change the links onclick event" onclick="javascript:changeOnClick(); return false;" />
</div>​

function changeOnClick() {
    $("#container a").unbind('click');
    $("#container a").on('click', function() {
        alert("changed on the fly");
    })
}​

链接有一个内联的 onclick 事件，我无法解除绑定(bind)并绑定(bind)一个新的处理程序，它们只是出于某种原因堆叠。

是否可以取消绑定(bind)内联处理程序？

Answer 1

你只能.unbind()一个事件处理程序，如果你之前已经用 .bind() 附加了它:

Event handlers attached with .bind() can be removed with .unbind().

对于内联事件处理程序，要么使用:

$("#container a").removeAttr("onclick");

或

$("#container a")[0].onclick = null;

DEMO .