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("点击了按钮");  
}

JavaScript事件 — 事件处理程序

标签：

原文地址：http://www.cnblogs.com/suliang1100/p/4500299.html