JavaScript事件机制详细研究

来自：http://www.verydemo.com/demo_c98_i58567.html

本篇开始将回顾下Javascript的事件机制。同时会从一个最小的函数开始写到最后一个具有完整功能的，强大的事件模块。为叙述方便将响应函数/回调函数/事件Listener/事件handler都称为事件handler。

先看看页面中添加事件的几种方式：

1. 直接将JS代码写在HTML上
   测试：Nowamagic
   1<div onclick="alert('欢迎访问Nowamagic.net');">Nowamagic</div>

   HTML Element元素自身就拥有了很多onXXX属性，只需将JS代码赋值给其就可以了。赋值给onXXX的字符串将作为响应函数的函数体（FunctionBody）。大概这是上世纪90年代的写法，那时候直接把JS代码写在网页中很普遍，也许那时候的JS并不太重要，只是用来做做验证或一些花哨的效果而已。

2. 定义一个函数，赋值给html元素的onXXX属性
   1<script type="text/javascript"></t…………………………………………………………………………