DOM0级事件处理及DOM2级事件处理

DOM0级事件处理程序

通过JavaScript指定事件处理程序的传统方式，就是将一个函数赋值给一个事件处理程序属性。

主要分为两种形式：

1. 在标签内的onclick事件

   <input type="button" id="btn" value="Press Me" onclick="console.log('button')" >
   

2. 将这种属性的值设置为一个函数，就可以指定事件处理程序

   document.getElementById("btn").onclick = function () {
       console.log('button')
   }
   

DOM2级事件处理程序

DOM2级事件定义了两个方法，用来添加和移除事件处理程序。分别是：addEventListener() 和removeEventListener()

// 在文档中添加事件
element.addEventListener(event, function, useCapture)

// 移除文档中的事件句柄
document.removeEventListener(event, function, useCapture)