Dom2 的事件绑定 和 解除

addEventLisenert 事件绑定

removeEventListener 事件解除

例子:

    let li = document.querySelector('li')
    function aaa(e){
    var evt = e || window.event;
    e.stopPropgation();
    console.log('aaa')
}

li.addEventListener('click', false, aaa) //默认是false冒泡, 可不写。 true是捕获

li.removeEventListener('click', aaa)

有名函数可以删除,无名函数不能移除掉;

eg:

    document.addEventListener('touchmove', function(){
    console.log('aaaa')
    })

    document.removwEventListener('touchmove',function(){
    consoe.log('aaa')//并不能删掉上面的函数
  })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,444评论 0 2
  • 事件绑定的方式 给 DOM 元素绑定事件分为两大类:在 html 中直接绑定 和 在 JavaScript 中绑定...
    Bruce_zhuan阅读 1,069评论 0 6
  • DOM0级和DOM2级在事件监听使用方式上有什么区别? DOM0级事件监听:用JavaScript指定事件处理程序...
    LeeoZz阅读 395评论 0 1
  • 导读:本文是teren对DOM事件知识点所做的进一步整理,整理资料主要参考DOM事件简介和饥人谷课件,如果对DOM...
    犯迷糊的小羊阅读 4,074评论 1 5
  • 写完以后视情况开源并可以给出技术文档。因为敏感问题所以不传照片了。 0.4.3.1 #2017/04/20# 服务...
    _CHARSET阅读 324评论 0 1