JavaScript的Event对象的属性和方法

使用Event对象

JavaScript的Event对象用来描述JavaScript事件，Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。一旦事件发生，便会生成Event对象。主要属性和方法：

1. type：事件的类型，就是HTML标签属性中，没有on前缀之后的字符串，例如Click就代表点击事件；
2. srcElement：事件源，就是发生事件的元素。比如是事件发生的源头，也就是该事件的srcElement（非IE中用target）；
3. button：声明了被按下的鼠标键，是一个整数。0代表没有案件，1代表鼠标左键，2代表鼠标右键，4代表鼠标的中间件，如果按下了多个鼠标键，就把这些值加起来；
4. clientX/cleintY：是指事件发生的时候，鼠标的横、纵坐标，返回的是整数，它们的值是相对于包容窗口的左上角生成的；
5. offsetX/offsetY：鼠标指针相对于源元素位置，可确定单击Image对象的哪个像素；
6. altKey、ctrlKey、shiftKey：分别指鼠标事件发生的时候，是否同时按住了Alt、Ctrl或者Shift键，返回一个布尔值；
7. keyCode：返回keydown和keyup事件发生的时候，按键的代码以及keypress事件的Unicode字符。比如event.keyCode=13代表按下了Enter键；
8. fromElement、toElement：前者是指mouseover事件移动过的文档元素，后者是指mouseout事件中鼠标移动到的文档元素；
9. cancelBubble：一个布尔值，把它设置为true时，将停止事件进一步起到包容层次的元素，它用于监测是否接受上层元素的事件控制。true代表不被上层元素的事件控制，false代表允许被上层元素的事件控制；
10. returnValue：一个布尔值属性，设置为false的时候可以阻止浏览器执行默认的事件动作；
11. attachEvent() 和detachEvent()方法：为制定DOM对象事件类型注册多个事件处理函数的方法，它们有两个参数，第一个是事件类型，第二个是事件处理函数。在attachEvent()事件执行的时候，this关键字指向的是window对象，而不是发生事件的那个元素。