javascript - 取消附加到元素的其他触发事件

Question

我有一个元素，上面附加了许多事件触发器。

如何取消所有这些事件(不编辑这些触发器的代码)并添加一个新事件。

到目前为止，我已经尝试过这个但没有运气:

$(document).ready(function() {
    $( document ).on( 'click', '#element', function(e) {

        $(this).off();

        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();

        // now that it's cancelled, do NEW stuff below
        alert('test');
    });
});

Answer 1

克隆元素以删除所有事件监听器，并用新的克隆元素替换该元素。

$(document).ready(function() {
    $( document ).on( 'click', '#element', function(e) {
        var clonedElem = $(this).clone();
        $( this ).replaceWith( clonedElem )
    });
});