HTML DOM removeEventListener() 方法

element.removeEventListener()方法将删除已与element.addEventListener()方法关联的事件处理程序。

注意:要删除事件处理程序,用addEventListener()方法指定的函数必须是外部的“命名”函数,如下面的示例(myFunc)。

匿名函数,例如“ element .removeEventListener(“ event ”,function(){ statement });“ 不管用。

语法:element.removeEventListener(event, listener, useCapture)

示例var box = document.getElementById("para");

//将事件处理程序附加到id="para "的P元素上

box.addEventListener("mousemove", myFunc);

// 从具有id =“ para”的P元素中删除事件处理程序

box.removeEventListener("mousemove", myFunc);测试看看‹/›

浏览器兼容性

表中的数字指定了完全支持removeEventListener()方法的第一个浏览器版本:Method

removeEventListener()1171.09

参数值参数描述

event(必需)要删除的JavaScript事件的名称。使用事件时不使用“ on”前缀,例如使用“ click”代替“ onclick”或“ mousedown”代替“ onmousedown”。

有关所有HTML DOM事件的列表,请参考我们完整的HTML DOM事件对象参考。

listener(必需)要删除的JavaScript函数的名称。

useCapture(可选)布尔值,指定是在捕获阶段还是冒泡阶段中删除事件。默认为false。

可能的值:true-在捕获阶段删除了事件处理程序

false-在冒泡阶段删除了事件处理程序

注意:如果事件处理程序已附加两次,一次附加捕获,一次附加冒泡,则必须分别将其分别移除。

您可以在我们的JavaScript事件传播教程中阅读有关事件传播的更多信息

技术细节返回值:没有

DOM版本:DOM 2级

相关参考

JavaScript教程:事件监听器

JavaScript教程:事件传播

html 删除事件,HTML DOM removeEventListener() 方法相关推荐

  1. 在jQuery中删除事件处理程序的最佳方法?

    我有一个input type="image" . 这就像Microsoft Excel中的单元格注释一样. 如果有人在与该input-image配对的文本框中input-image ...

  2. JavaScript学习(二十七)—解决IE以及IE8之前的浏览器下面的添加事件或者删除事件

    JavaScript学习(二十七)-解决IE以及IE8之前的浏览器下面的添加事件或者删除事件 addEventListener和removeEventListener在IE8以及IE浏览器下面不支持, ...

  3. jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象

    事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...

  4. js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )

    JS用addEventListener添加事件监听方法后,可以用removeEventListener来解除监听: element.removeEventListener(event, myFunct ...

  5. 读jQuery之十二(删除事件核心方法)

    使用jQuery删除事件(或称解除事件绑定)有三个函数:unbind.die和undelegate.这三个方法都依赖于未公开的jQuery.event.remove(后续使用remove简写).此为删 ...

  6. jq添加或删除html元素,jQuery添加删除DOM元素方法详解

    本文实例分析了jQuery添加删除DOM元素的方法.分享给大家供大家参考,具体如下: 介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面. 1.DOM ...

  7. 事件(DOM事件绑定)

    事件的定义  事件:元素天生具备的行为方式(和写不写JS代码没有关系)[onclick不是事件,click才是事件,浏览器会把一些常用事件挂载到元素对象的私有属性上,让我们可以实现DOM0事件绑定], ...

  8. 完美/兼容版添加事件以及删除事件

    IE与现代浏览器添加事件和删除事件的方法存在一定缺陷 现代浏览器自带的方法:addEventListener&removeEventListener IE浏览器自带的方法:attachEven ...

  9. HTML DOM addEventListener() 方法

    实例 为 <button> 元素添加点击事件. 当用户点击按钮时,在 id="demo" 的 <p> 元素上输出 "Hello World&quo ...

最新文章

  1. Android studio 使用心得(六)---android studio 如何加载.so文件
  2. python最流行的框架_2020年最流行Python web开发框架(下)
  3. 安装Adventure Works 2008 R2演示数据库
  4. 春节特惠活动┃一张纸一幅图,竟然提高了10倍的学习和工作效率!?
  5. 响应性web设计实战总结(二)
  6. sql语句的备份(导入、导出)
  7. 小米MIX 4屏幕规格曝光:华星光电1080P面板 或支持屏下摄像
  8. 沿海产业基地与海润光伏共建产业园开工在即
  9. 对待小事情和整理资料------开会心得
  10. linux 下安装gsl
  11. jdbc代码_凯哥带你从零学大数据系列之数据库篇---第三章:JDBC基础
  12. Anaconda常用指令
  13. js 系统教程-05-js 数据类型数字 NaN Infinity
  14. python遍历字母_如何遍历字母表?
  15. 在VM虚拟机上安装Red Hat Enterprise Linux
  16. python列表获取最后一个元素的方法_Python中如何获取 list/OrderedDict 的 第一个/最后一个 元素...
  17. 漫话:什么是DevOps?
  18. MY SQL 数据库库如何下载以及安装
  19. 英语中’s和s’的区别
  20. php环境搭建(亲测可用)

热门文章

  1. 计算机c语言基础字符,2008计算机二级考试:C语言基础教程-C语言字符型数据
  2. c++中引用变量的使用
  3. 查看服务器总的物理内存
  4. 1.2.5 层次模型
  5. 极线约束(epipolar constraint)
  6. 店盈通:拼多多如何看到关键词进店?
  7. Vue css样式穿透和权重
  8. 输油管道问题(分治策略)
  9. 虹科案例 | 利用激光测距传感器进行锯齿定位
  10. 《启示录:打造用户喜爱的产品》 -读后感