浏览器交互事件汇总

事件类别 事件名称 触发条件 适用设备
指针事件 / Pointer Events pointerdown 用户按下指针设备(如鼠标、触摸屏、触控笔) 所有设备
pointermove 指针设备在屏幕上移动 所有设备
pointerup 用户松开指针设备 所有设备
pointercancel 系统取消指针操作 所有设备
鼠标事件 / Mouse Events mousedown 用户按下鼠标按钮 桌面端
mousemove 鼠标在屏幕上移动 桌面端
mouseup 用户松开鼠标按钮 桌面端
click 单击鼠标按钮 桌面端
dblclick 双击鼠标按钮 桌面端
contextmenu 右键点击打开上下文菜单 桌面端
触摸事件 / Touch Events touchstart 用户触摸屏幕 手机、平板
touchmove 触摸点在屏幕上移动 手机、平板
touchend 用户手指从屏幕上移开 手机、平板
touchcancel 系统取消触摸操作(如来电时) 手机、平板
键盘事件 / Keyboard Events keydown 按下键盘按键 桌面端、部分移动端
keyup 松开键盘按键 桌面端、部分移动端
keypress 按下按键(不推荐) 桌面端
焦点事件 / Focus Events focus 元素获取焦点 所有设备
blur 元素失去焦点 所有设备
focusin / focusout 类似于 focus 和 blur,但可以冒泡 所有设备
输入事件 / Input Events input 输入框中内容改变(实时) 所有设备
change 输入框或选择框中值改变 所有设备
滚动事件 / Scroll Event scroll 页面或可滚动元素发生滚动 所有设备
拖放事件 / Drag and Drop Events dragstart 开始拖拽元素 桌面端
drag 拖拽元素过程中持续触发 桌面端
dragend 拖拽结束 桌面端
dragenter, dragover, dragleave 拖拽元素经过目标位置 桌面端
drop 拖拽元素放置到目标位置 桌面端
DOM变更事件 / Mutation Events MutationObserver 监听 DOM 结构或属性的变化 所有设备
设备传感事件 / Device Orientation and Motion Events deviceorientation 设备方向变化 移动端
devicemotion 设备加速度或旋转变化 移动端
全屏事件 / Fullscreen Events fullscreenchange 页面或元素进入或退出全屏 所有设备
fullscreenerror 请求全屏失败 所有设备
语音识别事件 / Speech Recognition Events SpeechRecognition 语音识别结果、错误 支持语音设备
虚拟键盘事件 / Virtual Keyboard Events keyboardopen / keyboardclose 虚拟键盘打开或关闭(非标准事件) 移动端
手势事件 / Gesture Events gesturestart, gesturechange, gestureend 多点触控手势(如放大、缩小) 手机、平板
相关推荐
万少2 小时前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站4 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名7 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫7 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊7 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter7 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折8 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_8 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial8 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu8 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端