DOM事件-事件注册


DOM事件-事件注册

事件绑定

dom0版本

将事件名称前面加上on,作为dom的属性名,给该属性赋值为一个函数,即为事件注册。

事件移除:重新给事件属性赋值,通常赋值为null和undefined

dom2版本

dom对象.addEventListener:注册事件

 addEventListener("click",function(){
 console.log("1")
},true/false);

1值 事件名称(事件类型)注意不加on
2值 处理函数 可以写多个处理程序
3值 使用时表示是否在捕获阶段触发 默认为false 为冒泡阶段触发

与dom0的区别

  1. dom2可以为某个元素的同一个事件,添加多个处理程序,按照注册的先后顺序运行
  2. dom2允许开发者控制事件处理的阶段,使用第三个参数,表示是否在捕获阶段触发
    1. 如果元素是目标元素(事件源),第三个参数无效

事件的移除:dom对象.removeEventListener(事件名, 处理函数);

dom2中如果要移除事件,不能使用匿名函数

细节
了解就行了

  1. dom2在IE8及以下不兼容,需要使用attachEvent,detachEvent添加和移除事件
  2. 添加和移除事件时,可以将第三个参数写为一个对象,进行相关配置

文章作者: overwhat
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 overwhat !
评论
  目录