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

DOM0级事件处理程序

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

主要分为两种形式：

1. 在标签内的onclick事件

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

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

DOM2级事件处理程序

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

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

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

参数	描述
event	必须。字符串，指定事件名。
function	必须。指定要事件触发时执行的函数。
useCapture	可选。布尔值，指定事件是否在捕获或冒泡阶段执行。