如何使用 jQuery 删除事件处理程序？

在这里，任务是删除 jQuery/JavaScript 中的事件处理程序。解决这个问题的方法有以下三种：

使用 unbind() 方法：它是 jQuery 中的一个内置方法，用于删除任何选定的事件处理程序。

句法：

$(selector).unbind(event, function, eventObj)

方法：

• 选择要删除事件处理程序的选择器。
• 使用unbind()方法删除事件。
• 单击 unbind 起作用的函数，将删除事件处理程序。

示例 1：

   
   
    
  
      
        jQuery | How to remove an event handler?
      
        
   
           
    
       
       
        GeeksForGeeks   
     
      
    
        Remove an event handler using unbind method
    
      
    Element to remove     
      
        Click Here  
      
            
     
        $(document).ready(function() { 
            $("h4").click(function() { 
                $(this).slideToggle(); 
            }); 
                
            $("button").click(function() { 
                $("h4").unbind(); 
            }); 
        }); 
     
   
    
  

输出：

• 单击任意位置之前：
  
• 单击元素 h4 后：
  
• 单击按钮事件后将不起作用：
  

使用 off() 方法：用于移除与 on() 方法关联的事件处理程序。

句法：

$(selector).off(event, selector, function(eventObj), map)

方法：

• 选择要删除事件处理程序的选择器。
• 使用off()方法删除事件。
• 单击 unbind 起作用的函数，将删除事件处理程序。

示例 2：

   
   
    
  
      
        jQuery | How to remove an event handler?
      
        
   
           
    
       
       
        GeeksForGeeks   
     
      
    
        Remove an event handler using off method
    
      
    Element to remove     
      
        Click Here  
      
            
     
        $(document).ready(function() { 
            $("h4").click(function() { 
                $(this).slideToggle(); 
            }); 
                
            $("button").click(function() { 
                $("h4").off(); 
            }); 
        }); 
     
   
    
  

输出：

• 单击任意位置之前：
  
• 单击元素 h4 后：
  
• 单击按钮事件后将不起作用：