描述：再触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持的方式不同。比如鼠标操作时候，会添加鼠标位置的相关信息到事件对象中。他是一个事件中的内置对象。内部装了很多关于鼠标和事件本身的信息。
注意：
- 普通浏览器支持 event（带参，任意参数）
- ie 678 支持 window.event（无参，内置）
- 兼容性写法
var event = event || window.event;
event的属性
| 属性 | 作用 |
|---|---|
| timeStamp | 返回事件生成的日期和时间。 |
| bubbles | 返回布尔值，指示事件是否是起泡事件类型。 |
| button | 返回当事件被触发时，哪个鼠标按钮被点击。 |
| pageX | 光标相对于该网页的水平位置（ie无） |
| pageY | 光标相对于该网页的垂直位置（ie无） |
| screenX | 光标相对于该屏幕的水平位置 |
| screenY | 光标相对于该屏幕的垂直位置 |
| target | 该事件被传送到的对象 |
| type | 事件的类型 |
| clientX | 光标相对于该网页的水平位置 （当前可见区域） |
| clientY | 作用光标相对于该网页的垂直位置 |
screenX、pageX和clientX的区别
- pageY/pageX: 鼠标位于整个网页页面的顶部和左侧部分的距离。（页面）
- screenY/screenX: 鼠标位于屏幕的上方和左侧的距离。（屏幕）
- clientX/clientY: 鼠标位于浏览器的左侧和顶部的距离。（浏览器大小和位置）
pageY和pageX的兼容写法pageY/pageX=event.clientY/clientX+scroll().top/scroll().left
