在前端开发中，我们经常需要向HTML元素附加事件处理程序。但是有时候，我们需要清除或删除这些事件处理程序以便于垃圾回收和提高性能。本文将介绍几种方法来清除/删除JavaScript事件处理程序。
方法一：使用removeEventListener()
JavaScript事件处理程序通过addEventListener()方法添加到DOM元素中。因此，要清除一个事件处理程序，可以使用removeEventListener()方法。该方法接受两个参数：事件类型和事件处理函数。以下是示例代码：
-- -------------------- ---- ------- ----- ------ - ------------------------------------ -------- ------------- - ------------------- ---------- - -------------------------------- ------------- -- ------------- ----------------------------------- -------------
在上面的代码中，我们首先使用addEventListener()方法将点击处理函数handleClick()添加到按钮元素上。然后，在必要时，我们可以使用removeEventListener()方法来清除它。
方法二：设置事件处理程序为null
如果您没有保留对事件处理程序的引用，那么您可以将其设置为null来删除它。例如：
-- -------------------- ---- ------- ----- ------ - ------------------------------------ -------- ------------- - ------------------- ---------- - -------------------------------- ------------- -- ------------- -------------- - -----
在上面的代码中，我们将handleClick()函数作为点击事件处理程序添加到按钮上，然后将其设置为null来删除它。
方法三：使用闭包
如果您想在单个函数中添加和删除事件处理程序，那么可以使用一个闭包来保存对事件处理函数的引用。以下是示例代码：
-- -------------------- ---- -------
----- ------ - ------------------------------------
-------- -------------------- -
-------- ------------- -
------------------- ----------
----------------------------------- -------------
-
-------------------------------- -------------
-
--------------------- -- --------
-- -------------
-------------- - -----在上面的代码中，我们使用createClickHandler()函数创建一个新的点击处理函数，该函数将自动从按钮元素上删除其自身。
总之，我们可以使用removeEventListener()、设置事件处理程序为null或者闭包来清除/删除JavaScript事件处理程序。选择正确的方法取决于你的具体情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14611