Как очистить / удалить обработчик событий 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!"); 
});

Подробнее см. .

Answer 4

Для jQuery off() удаляет из него все обработчики событий, добавленные jQuery.

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

Вызов .off () без аргументов удаляет все обработчики, прикрепленные к элементам.

Answer 5

Для jQuery, если вы связываете обработчики событий с помощью .live, вы можете использовать .die для отмены привязки всех экземпляров, которые были связаны с .live.

Answer 6

Если вы хотите удалить ALL event-handlers на element and its child-nodes и сохраните только HTML structure, мы можем работать с jQuery's clone () :

var original, clone;
//
original = $('#my-div');
clone = original.clone();
//
original.replaceWith(clone);

Это будет эффективно не оставлять event-handlers на element или child-nodes.

Удачи ...