HTML | DOM removeEventListener() 方法

removeEventListener()方法用于删除与 addEventListener() 方法关联的事件处理程序。这种删除事件处理程序的方法只能与使用外部函数指定的 addEventListener() 方法一起使用。

句法：

element.removeEventListener(event, function, useCapture);

参数：此函数接受三个参数，如下所述：

• event ：参数event指定要删除的事件的名称。
• 函数 ：参数函数指定要删除的函数。
• useCapture ：参数useCapture表示要从事件处理程序中删除的事件阶段。如果 useCapture 具有布尔值 true，则从捕获阶段移除事件处理程序，否则从冒泡阶段移除事件处理程序。

示例：在下面的示例中，调用事件处理程序，它会在鼠标移动到除法时更改除法标记的颜色。按下更改颜色按钮后，与除法标记关联的事件处理程序将被删除，并且鼠标移动到除法上时不会出现颜色变化。

    
        #myDIV {
            font-size:60px;
            border: 1px solid;
            padding: 50x;
            color: black;
        }
    

  

    
        GeeksForGeeks
    
          
        
            Change color
        
    
      
    
        document.getElementById("myDIV")
            .addEventListener("mousemove", myFunction);
          
        function myFunction() {
            document.getElementById("myDIV")
                        .style.color= "green";
        }
          
        function removeHandler() {
            document.getElementById("myDIV")
            .removeEventListener("mousemove", myFunction);
        }
    

                    

输出：
按下按钮前：

按下按钮后：

支持的浏览器： removeEventListener() 方法支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 9.0
• 火狐 1.0
• 歌剧7.0
• Safari 1.0