JS笔记 ( 二十四 ) 事件绑定和解除

 
 

---

博主的 Github 地址

---

1. 绑定事件处理函数

• 以下两种方法的 this 都是指向 dom 元素本身
   

(1) on 绑定事件

• 语法: ele.onxxx = function(event){}
• 备注:
  兼容性很好, 但是一个元素的同一个事件上, 只能绑定一个处理函数
  这种方式基本等同于写在 HTML 行间上

 

(2) 监听器绑定事件

• 语法: ele.addEventListener(type, function, false)
• 参数表: ( 事件类型, 处理函数, 是否取消事件冒泡 )
• 备注:
  同一个事件可以绑定多个处理函数, 函数的执行顺序按照绑定顺序执行

 
 

2. 解除事件处理函数

 

(1) on 事件解除方式

• 语法: ele.onxxx = false / '' / null;

 

(2) 监听器解除方式

• 语法: ele.removeEventListener(type, function, false)
• 备注:
  若绑定匿名函数, 则无法解除, 若想要有一个可以被解除的监听器,
  则功能函数必须在监听器外定义, 并赋予函数名字, 这样才可以被引用识别到