在开发网页应用程序时，我们通常使用jQuery来操作DOM元素和为它们添加事件处理程序。有时候，我们需要在特定情况下禁止某个DOM元素上的事件处理程序执行，例如在用户正在进行某些操作时。
本文将介绍如何使用jQuery来临时禁用单击事件处理程序，并提供一些示例代码。
禁用单击事件处理程序
首先，让我们看看如何使用jQuery来禁用单击事件处理程序。可以通过调用.off()方法并指定要移除的事件类型来实现：
$('#myButton').off('click');上面的代码会从#myButton元素上移除所有单击事件处理程序。但是，这样做会完全移除该元素上的单击事件处理程序，而不仅仅是暂时禁用。
如果你想在稍后重新启用单击事件处理程序，你需要保存原始的事件处理程序，并在需要时重新添加它们。
保存和恢复事件处理程序
为了保存和恢复事件处理程序，我们需要两个变量，一个存储原始事件处理程序，另一个存储当前事件处理程序。
当需要禁用事件处理程序时，我们需要将当前事件处理程序移除，并将原始事件处理程序添加回去。当需要重新启用事件处理程序时，我们需要将原始事件处理程序移除，并将当前事件处理程序添加回去。
以下是一个示例函数，它可以用于保存和恢复事件处理程序：
-- -------------------- ---- -------
-------- --------------------------- -
--- ----------- - --------------------------------
--- -------------- - ---------- - ------ ------ --
-- ------------- -
----------------------- -------------
-
---------------------- ----------------
------------------------------- ----------------
-上面的代码为传入的元素element添加了一个临时单击事件处理程序。如果元素已经具有单击事件处理程序，则该函数将禁用原始处理程序并添加自己的处理程序。
要重新启用原始事件处理程序，我们只需要再次调用toggleClickHandler()函数即可。
示例代码
以下是一个完整的示例，它演示了如何使用toggleClickHandler()函数来临时禁用和重新启用单击事件处理程序：
-- -------------------- ---- -------
--------- -----
------
------
------- -----------------------------------------------------------
--------
-------- --------------------------- -
--- ----------- - --------------------------------
--- -------------- - ---------- - ------ ------ --
-- ------------- -
----------------------- -------------
-
---------------------- ----------------
------------------------------- ----------------
-
---------------------------- -
-------------------------- ---------- -
------------- -----------
---
------------------------------- ---------- -
--------------------------------
---
------------------------------ ---------- -
--------------------------------
---
---
---------
-------
------
------- ------------------- ------------
--------
------- -------------------------- ---------------
------- ------------------------ ---------------
-------
-------上面的代码使用了toggleClickHandler()函数来临时禁用和重新启用#myButton元素上的单击事件处理程序。当用户单击“禁用按钮”时，它会禁用该按钮的单击事件处理程序。当用户单击“启用按钮”时，它会重新启用该按钮的单击事件处理程序。
结论
本文介绍了如何使用jQuery来临时禁用DOM元素上的单击事件处理程序，并提供了示例
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14218