事件对象

本节目标：理解“事件对象”的核心思路，并能把它用于实际开发或面试表达。 鼠标 / 键盘属性

属性	描述
```
altKey

|返回当事件被触发时，`"ALT"` 是否被按下。|
|```
button
```text
|返回当事件被触发时，哪个鼠标按钮被点击。|
|```
clientX
```text
|返回当事件被触发时，鼠标指针的水平坐标。|
|```
clientY
```text
|返回当事件被触发时，鼠标指针的垂直坐标。|
|```
ctrlKey
```text
|返回当事件被触发时，`"CTRL"` 键是否被按下。|
|```
metaKey
```text
|返回当事件被触发时，`"meta"` 键是否被按下。|
|```
relatedTarget
```text
|返回与事件的目标节点相关的节点。|
|```
screenX
```text
|返回当某个事件被触发时，鼠标指针的水平坐标。|
|```
screenY
```text
|返回当某个事件被触发时，鼠标指针的垂直坐标。|
|```
shiftKey
```text
|返回当事件被触发时，`"SHIFT"` 键是否被按下。|

`IE` **属性**
==除了上面的鼠标==`/`==事件属性，==`IE` ==浏览器还支持下面的属性：==

|   |   |
|---|---|
|**属性**|**描述**|
|`cancelBubble`|如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 `true`。|
|`fromElement`|对于 `mouseover` 和 `mouseout` 事件，`fromElement` 引用移出鼠标的元素。|
|`keyCode`|对于 `keypress` 事件，该属性声明了被敲击的键生成的 `Unicode` 字符码。对于 `keydown` 和 `keyup` 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。|
|`offsetX,offsetY`|发生事件的地点在事件源元素的坐标系统中的 `x` 坐标和 `y` 坐标。|
|`returnValue`|如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 `fasle`，可以取消发生事件的源元素的默认动作。|
|`srcElement`|对于生成事件的 `Window` 对象、`Document` 对象或 `Element` 对象的引用。|
|`toElement`|对于 `mouseover` 和 `mouseout` 事件，该属性引用移入鼠标的元素。|
|`x,y`|事件发生的位置的 `x` 坐标和 `y` 坐标，它们相对于用`CSS`动态定位的最内层包容元素。|

**标准** `Event` **属性**
==下面列出了== `2` ==级== `DOM` ==事件标准定义的属性。==

|   |   |
|---|---|
|**属性**|**描述**|
|```
bubbles
```text
|返回布尔值，指示事件是否是起泡事件类型。|
|```
cancelable
```text
|返回布尔值，指示事件是否可拥可取消的默认动作。|
|```
currentTarget
```text
|返回其事件监听器触发该事件的元素。|
|```
eventPhase
```text
|返回事件传播的当前阶段。|
|```
target
```text
|返回触发此事件的元素（事件的目标节点）。|
|```
timeStamp
```text
|返回事件生成的日期和时间。|
|```
type
```text
|返回当前 `Event` 对象表示的事件的名称。|

**标准** `Event` **方法**
==下面列出了== `2` ==级== `DOM` ==事件标准定义的方法。==`IE` ==的事件模型不支持这些方法：==

|   |   |
|---|---|
|**方法**|**描述**|
|```
initEvent()
```text
|初始化新创建的 `Event` 对象的属性。|
|```
preventDefault()
```text
|通知浏览器不要执行与事件关联的默认动作。|
|```
stopPropagation()
```text
|不再派发事件。|