JavaScript事件 — 事件处理程序

我们常说JavaScript采用的异步事件驱动的编程模型，所谓事件就是指用户或浏览器自身执行的某种动作。而事件处理程序(event handler)就是响应或处理事件的函数，给事件添加处理程序的方式有以下几种。

HTML事件处理程序

在早期的web开发中，使用的是直接给目标对象或文档元素添加事件处理程序，例如：

<input type="button" value="点击" onclick="console.log(‘点击了按钮‘)" />

使用HTML事件处理程序不符合HTML内容和JavaScript事件分离的原则，所以应该尽量避免这种添加事件处理函数的方式。

DOM0级事件处理程序

每个元素都有自己的事件处理程序属性，将这个属性值设置成一个函数就可以指定事件处理程序，如下所示：

var btn = document.getElementById("button");
btn.onclick = function(){
  console.log("点击了按钮");
}