js事件处理

一. DOM0与DOM2事件处理程序

1. DOM0级

• 添加事件：通过在DOM元素的onxxx属性上添加处理程序
  重复添加会覆盖前面的程序

  
  
  

  Paste_Image.png

• 删除事件：只需要将DOM元素事件属性置空

  
  
  

  Paste_Image.png

2. DOM2级

• 添加事件：addEventListener(事件名，事件处理函数，冒泡false|捕获true)
  重复添加并不会覆盖前面的程序
  
  

  Paste_Image.png
• 删除事件：removeEventListen方法，参数与addEventListener相同

3. 事件处理函数中的this
   无论是DOM0还是DOM2中事件处理程序都是在其依附的元素的作用域中运行。