22、JavaScript 事件处理全解析

JavaScript 事件处理全解析

1. 鼠标事件基础

鼠标操作在网页交互中十分常见，不同的鼠标点击会触发不同的事件。
- 左鼠标键单次点击会依次触发三个事件： mousedown （鼠标按下）、 mouseup （鼠标抬起）和 click （点击）。
- 右鼠标键点击则只触发两个事件。

2. 键盘事件的使用

JavaScript 能够检测键盘操作，主要的键盘事件是 keypress ，它在按键被按下、释放或持续按住时触发。同时，还可以使用 keydown 和 keyup 事件处理程序分别检测按键按下和抬起的动作，具体如下：
|事件名称|触发时机|
| ---- | ---- |
| keypress |按键被按下、释放或持续按住时|
| keydown |按键按下时|
| keyup |按键抬起时|

要知道用户按下了哪个键，可以借助事件发生时发送到事件处理程序的 Event 对象。在 Internet Explorer 中， Event.keyCode 存储按下键的 ASCII 字符代码；在非 Internet Explorer 浏览器中， Event.which 属性存储该代码。

ASCII（美国信息交换标准