📜  jQuery | unbind() 方法(1)

📅  最后修改于: 2023-12-03 15:02:14.072000             🧑  作者: Mango

jQuery | unbind() 方法

unbind() 方法用于移除之前使用 bind() 函数绑定的事件处理程序。如果在绑定事件时使用了事件命名空间,则可以通过 unbind() 方法中提供的命名空间参数选择要解除绑定的事件。

语法
$(selector).unbind(event, handler);

或者

$(selector).unbind(event, false); // 解绑所有事件处理程序
参数
  • event: 必需,规定要移除的事件的类型,可以是多个事件类型。
  • handler: 可选,规定要移除的事件处理程序。
  • false: 可选,当仅想解除通过 bind() 绑定事件时使用。
返回值

该函数没有返回值。

示例
<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("#div1").unbind(); // 解除所有事件处理程序
      });
      $("#div1").bind("mousedown", function(){
        alert("mouse down over div");
      });
    });
  </script>
</head>
<body>

<div id="div1" style="background-color:yellow;height:100px;width:300px;"></div><br>
<button>解除事件处理程序</button>

</body>
</html>

在此示例中,通过 bind() 函数将事件处理程序绑定到了 #div1 元素上。当鼠标点击 “解除事件处理程序” 按钮时, #div1 上的所有事件处理程序均被解绑。因此,再次点击元素时,不会再触发任何事件。

参考文献