事件处理程序的类别

HTML事件处理程序——在标签内写onclick事件

① 当点击该按钮时，会弹出“this is an input”的警告；

② 行内onclick事件属性可以是精确的js代码，也可以调用其他地方定义的脚本，如下：

ps: 以这种方式指定的事件处理处理程序首先会创建一个函数封装属性的值，这个函数有一个特殊的局部变量event,保存的是事件本身。

DOM0事件处理程序——将一个函数赋值给一个事件处理程序属性，仅支持冒泡阶段

① 注册事件

② 解绑事件

ps:以这种方式添加的事件处理程序会在元素的作用域中运行，this等于元素本身。

DOM2 事件处理程序

① 注册事件 addEventListener()

② 解绑事件 removeEventListener()

二者都接受三个参数，事件类型（要带引号），事件处理函数，布尔值（可选），当布尔值为true时，表示在捕获阶段调用事件处理程序，当布尔值为false时，表示在冒泡阶段调用事件处理程序。

IE 事件处理程序(IE8版本及更早的版本)，仅支持冒泡阶段

① 注册事件 attachEvent()

② 解绑事件 detachEvent()

二者都接受两个参数，事件类型（带引号，带on），事件处理函数