单击取消绑定 - JavaScript

在编写 JavaScript 应用程序时，取消绑定（Unbinding）事件处理程序是一种常见操作。它使开发人员能够删除已经注册的事件处理程序，这样就可以避免重复触发它们。

取消绑定事件处理程序的方法

取消绑定事件处理程序的常用方法有两种：一种是使用 removeEventListener()，另一种是使用 jQuery 的 off() 方法。

使用 removeEventListener()

removeEventListener() 方法是 DOM 对象上的方法，它可以从指定的事件上删除已经注册的事件处理程序。它需要三个参数：

• 事件类型
• 事件处理程序
• 是否在捕获阶段调用事件处理程序（可选）

// 定义事件处理程序
function onClick() {
  // 这里是事件处理程序的代码
}

// 获取按钮元素并注册事件处理程序
const button = document.getElementById("myButton");
button.addEventListener("click", onClick);

// 取消绑定事件处理程序
button.removeEventListener("click", onClick);

使用 jQuery 的 off() 方法

jQuery 的 off() 方法是一个通用的工具，它可以取消绑定 jQuery 对象上的所有事件处理程序或指定类型的事件处理程序。它需要两个参数：

• 事件类型（可选）
• 事件处理程序（可选）

// 定义事件处理程序
function onClick() {
  // 这里是事件处理程序的代码
}

// 获取按钮元素并注册事件处理程序
const $button = $("#myButton");
$button.on("click", onClick);

// 取消绑定事件处理程序
$button.off("click", onClick);

总结

取消绑定事件处理程序是一种非常有用的技术，它可以避免重复触发事件处理程序，也可以提高应用程序的性能。无论是使用 removeEventListener() 还是使用 jQuery 的 off() 方法，都是非常简单的操作，开发人员可以根据自己的需求来选择使用哪种方法。