jQuery/Javascript 暂时禁用 addEventListener/attachEvent 附加的事件

Question

有没有办法暂时禁用事件侦听器？

就我而言，我有一个第三方库（不以 jQuery 为中心），它使用 addEventListener/attachEvent 在元素上创建 mouseover/mouseout 事件。

在某些情况下，另一个事件会在不同的元素上触发，我需要禁用这些事件侦听器。到目前为止，我的解决方案是简单地取消绑定鼠标悬停/鼠标悬停。这个通常工作得很好，因为该事件通常会导致页面刷新。

但是，时不时地可能会发生错误（认为验证错误），导致页面不刷新，并且我需要重新附加 mouseover/mouseout 事件侦听器。

有用的信息

可能值得一提的是，因为 mouseover/mouseout 事件侦听器是在第三方库中创建并附加的，所以我不能简单地将事件分配给变量并以这种方式绑定/取消绑定它（AFIK是执行此操作的最佳方法）。

更新

我最初问过

jQuery 中有没有办法获取已分配给对象的事件侦听器？

我发现不可能访问由 addEventListener/attachEvent 分配的事件： 访问JavaScript中通过attachEvent() / addEventListener()添加的事件

Answer 1

jQuery 使用 data 在内部存储事件，因此您可以使用它获取对象的所有事件处理程序：

$("#foo").data("events")

然后，您可以使用 unbind：

$("#foo").unbind('click', $("#foo").data("events").click[42]);

Answer 2

不幸的是，您无法访问它们。最多，您可以使用 W3C 的 removeEventListener 删除事件侦听器（docs< /a>) 和/或 Microsoft 的 detachEvent (文档）。然而，一旦监听器被移除，它就永远消失了。

removeEventListener 有一个警告，即如果事件注册了两次，一次指示捕获，一次指示不捕获，则必须将其删除两次；每个案例一次。

要了解有关捕获和不捕获的更多信息，请参阅 W3C 规范。

Answer 3

如果您想暂时禁用正在运行的事件处理程序，为什么不直接向函数添加转义码呢？

像这样：

$('#button').click(function(){
    var clicked_element = $(this);
    if(elem.hasClass('event-click-disabled'))
    {
        // logging code so we know exactly what events are being skipped
        console.info(
            'The click event on following element was skipped',
            clicked_element
        );
        return;
    }
    alert('Button clicked');
});

然后，如果您想禁用特定元素上的事件，只需调用

element.addClass('event-click-disabled');

事件处理程序仍然运行，但它会立即返回。