如何清除/删除JavaScript事件处理程序？

Question

给出以下HTML片段：

<form id="aspnetForm" onsubmit="alert('On Submit Run!'); return true;">

我需要删除/清除onsubmit事件的处理程序，并使用jQuery或任何其他JavaScript使用方式注册我自己的处理程序。

Answer 1

要在没有任何库的情况下执行此操作：

document.getElementById("aspnetForm").onsubmit = null;

Answer 2

使用jQuery

$('#aspnetForm').unbind('submit');

然后继续添加自己的。

Answer 3

试试这个，这对我有用：

$('#aspnetForm').removeAttr('onsubmit').submit(function() {   
    alert("My new submit function justexecuted!"); 
});

有关详细信息，请参阅this。

Answer 4

对于jQuery，如果使用.live绑定事件处理程序，则可以使用.die取消绑定与.live绑定的所有实例。

Answer 5

对于jQuery，off()删除了jQuery添加的所有事件处理程序。

$('#aspnetForm').off();

  

不带参数调用.off（）会删除附加到元素的所有处理程序。

Answer 6

如果您要删除event-handlers上的所有 element and its child-nodes和仅<{1}} ，我们可以使用{ {1}} clone()：

HTML structure

这将有效地在jQuery's或其var original, clone; // original = $('#my-div'); clone = original.clone(); // original.replaceWith(clone); 上不留event-handlers。

祝你好运......