主要内容
DOM 事件类型
浏览器会触发许多事件。完整列表可在 MDN 中找到, 但以下是一些最常见的事件类型和事件名称:
- mouse events (
MouseEvent
): 鼠标下移、鼠标上移、点击、双击、鼠标移动、鼠标悬停、鼠标滚轮、鼠标缝制、内容选择 - 触摸事件 (
TouchEvent
): 触控启动、触摸动作、触控停止、触摸取消 * - 键盘事件 (
KeyboardEvent
): 按键压下、按键按下、按键弹起 - 表单事件: 聚焦、模糊、更改、提交
- 窗口事件: 滚动、调整大小、哈希变换、加载、卸载
您可能想知道触摸事件与鼠标事件的区别, 因为它们非常相似。
触摸事件仅在启用触摸的设备(如智能手机和触摸屏笔记本电脑)上触发。 大多数浏览器和设备都会触发
click
和 mousemove
等鼠标事件。 但是,在大多数智能手机中,mouseover
事件根本不会被触发,因为它们无法检测到手指悬停在手机上。 一些智能手机正在为此添加传感器,因此未来更多智能手机将检测到mouseover
。在大多数情况下, 您需要检测鼠标事件而不是触摸事件, 因为这些事件是最普遍的。