事件绑定
在 JS 内有两种事件绑定方式
1、DOM 0级 事件绑定
-使用 on 语法进行绑定
语法:事件源.on事件类型 = 事件处理函数
特点:同一个事件源的同一个事件类型只能绑定一个事件处理函数
2、DOM 2级 事件绑定(事件侦听器 / 事件监听器)
-
标准浏览器
语法:事件源.addEventListener(‘事件类型’,事件处理函数)
特点:同一个事件源的同一个事件类型可以绑定多个事件处理函数,顺序绑定顺序执行 -
IE 低版本
语法:事件源.addEventListener(‘on事件类型’,事件处理函数)
特点:同一个事件源的同一个事件类型可以绑定多个事件处理函数,顺序绑定倒序执行
事件解绑
取消已经绑定好的事件
1、DOM 0级 事件解绑
语法:事件源.on事件类型 = null
因为 赋值符号 覆盖的原因,就可以解绑
2、DOM 2级 事件解绑
-
标准浏览器
语法:事件源.removeEventListener(‘事件类型’,要解绑的事件处理函数)
注意:DOM 2级事件如果需要解绑,那么在解绑的时候,需要把函数单独书写,以函数名的形式进行绑定 -
IE 低版本
语法:事件源.detachEvent(‘on事件类型’,要解绑的事件处理函数)
注意: DOM 2级事件如果你需要解绑, 那么在绑定的时候, 需要把函数单独书写, 以函数名的形式进行绑定
事件对象 - Event
是一个对象数据类型,内部存储的内容是对象当前事件的描述信息
概念:本次事件触发的时候,对于本次事件细节的所有描述信息的一个对象数据类型
- 如何获取事件对象
标准浏览器:
直接在事件处理函数位置接受一个形参,形参就是事件对象
会在事件触发的时候,由浏览器自动传递实参
xxx.onclick = function(xxx){}
xxx.addEventListener(‘click’,function(xxx){})
IE 低版本
直接使用 window.event