事件绑定的三种方式

常用的事件绑定的几种方式有三种：

• 直接在 dom 元素上进行绑定。
• 用 on 绑定。
• 用 addEventListener、attachEvent 绑定。

直接绑定

<input id="btn1" type="button" οnclick="test();" />

用on绑定

document.getElementById('btn1').οnclick=function(){}

addEventListener

document.getElementById('btn1').addEventListener('click', bodyClick, false);

addEventListener 的第三个参数若为 false（默认），绑定的是冒泡事件，在冒泡阶段触发；若为 true，绑定的是捕获事件，在捕获阶段触发。