JS事件

1. DOM 0级 事件
=> 语法: 事件源.on事件类型 = 事件处理函数
=> 特点:
1. 只能给同一个事件源同一个事件类型绑定一个事件处理函数
-> 因为他使用的是 赋值符号(=), 所以当你给他第二次赋值的时候, 会把第一次覆盖

+ DOM 0级 解绑事件
=> 因为绑定是使用的 赋值符号(=)
=> 当你给他赋值为 null 的时候, 就会把事件处理函数覆盖
=> 相当于你触发行为的时候, 没有事件处理函数执行, 就相当于没有绑定事件

 

2. DOM 2级 事件 (事件侦听器 / 事件监听器)
=> 标准浏览器
-> 语法: 事件源.addEventListener('事件类型', 事件处理函数, 是否捕获事件冒泡)
-> 特点:
1. 可以给同一个事件源同一个事件类型绑定多个事件处理函数
2. 当有多个事件处理函数的时候, 顺序绑定顺序执行
3. 事件类型位置没有 on
=> IE 低版本
-> 语法: 事件源.attachEvent('on事件类型', 事件处理函数)
-> 特点:
1. 可以给同一个事件源同一个事件类型绑定多个事件处理函数
2. 当有多个事件处理函数的时候, 顺序绑定倒序执行
3. 事件类型位置需要书写 on

+ DOM 2级 解绑事件
=> 标准浏览器:
-> 语法: 事件源.removeEventListener('事件类型', 要解绑的事件处理函数)
-> 注意: 如果你想进行事件解绑, 那么在绑定的时候一定要把事件处理函数单独书写出来
以函数名的形式进行绑定
=> IE 低版本:
-> 语法: 事件源.detachEvent('on事件类型', 要解绑的事件处理函数)
-> 注意: 如果你想进行事件解绑, 那么在绑定的时候一定要把事件处理函数单独书写出来
以函数名的形式进行绑定