JavaScript Event事件学习第一章 Event介绍

没有event就没有脚本。可以看看任何有JavaScript代码的网页：几乎所有的例子都有一个事件触发了脚本。原因非常简单。JavaScript就是给你的页面添加内部活动：用户做一些事情然后页面做出回应。

因此JavaScript就需要一个方法能够检测到用户的动作然后才能知道什么时候做出反应。这还需要知道那个函数会被执行，函数会做一些你认为的给你的网页增色的动作。这些文字描述了如何去写这样的脚本。虽然不容易，但是这是一个很让人满足的工作。

当用户做了什么事情event就发生了，当然还有一些event不会直接被用户触发：比如load事件会在页面装载完毕的时候触发。

JavaScript能够检测一些event。从Netscape 2开始，在HTML元素上添加event hanlder就成为可能。这些事件处理函数等待一个确定的事件，比如点击一个链接。当他发生的时候，事件就会通过你指定的JavaScript代码来执行。

当用户做出动作他就引发了一个事件。当你的代码让页面对这个动作做出回应，交互就产生了。

事件处理程序的历史

如上所述，没有事件处理程序就没有在页面添加JavaScript的必要。那些能对用户动作做出反应的就是最好的脚本。因此，当Netscape发布他的第二版支持JavaScript的浏览器的时候，他同时也支持event。

Netscape模式

Netscape只支持一小部分事件。Mouseover和mouseout的快速流行时因为当鼠标滑入时改变图片而滑出时又返回到原来的状态这个很炫的效果。而且可以看到用户是否提交了表单或者重置了表单，这样在客户端的验证也就成为了可能。浏览器还能监测表单的某一项获得或者失去了焦点或者页面完成下载又或者开始关闭。在如今看来这些都是非常稀松平常的事情，但在那个时候那可是革命性的。因为你能对用户的动作做出反馈，所以真正的交互才变成可能。

在最古老的表单的事件处理程序看起来是这样的。当用户点击了链接，事件处理程序就被执行了然后弹出对话框。

<a href="somewhere.html" onclick="alert('I/'ve been clicked!')">

注意到这种最古老的处理事件的方法事实上就是Netscape的标准是很重要的。如果想要JavaScript工作，其他的浏览器包括IE都得遵从Netscape 2和3的处理事件的标准。因此这些最古老的事件和事件处理程序在任何JavaScript浏览器中都能很好的运行。

现在的事件模式

然而，相比之前的介绍，现在的事件处理程序有了很大的变化。第一就是数量上急剧增长。对HTML元素的事件处理程序的注册的方法也有很大的变化。现在完全可由JavaScript设置。不再需要大量的附着于代码之上，你可以写一些很简单的代码来设置所有的事件处理程序。
V4浏览器也提供了关于事件的很多信息。鼠标在哪？什么时候事件发生？键盘按下了么？最终，浏览器必须要对一个元素和这个元素的父元素对同一个动作都有事件处理程序做出选择。哪个事件先触发呢？