DOM事件-事件注册
事件绑定
dom0版本
将事件名称前面加上on,作为dom的属性名,给该属性赋值为一个函数,即为事件注册。
事件移除:重新给事件属性赋值,通常赋值为null和undefined
dom2版本
dom对象.addEventListener:注册事件
addEventListener("click",function(){
console.log("1")
},true/false);
1值 事件名称(事件类型)注意不加on
2值 处理函数 可以写多个处理程序
3值 使用时表示是否在捕获阶段触发 默认为false 为冒泡阶段触发
与dom0的区别
- dom2可以为某个元素的同一个事件,添加多个处理程序,按照注册的先后顺序运行
- dom2允许开发者控制事件处理的阶段,使用第三个参数,表示是否在捕获阶段触发
- 如果元素是目标元素(事件源),第三个参数无效
事件的移除:dom对象.removeEventListener(事件名, 处理函数);
dom2中如果要移除事件,不能使用匿名函数
细节:
了解就行了
- dom2在IE8及以下不兼容,需要使用attachEvent,detachEvent添加和移除事件
- 添加和移除事件时,可以将第三个参数写为一个对象,进行相关配置