浏览器交互事件汇总

事件类别 事件名称 触发条件 适用设备
指针事件 / 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 多点触控手势(如放大、缩小) 手机、平板
相关推荐
麦麦麦当劳大王1 小时前
【油猴脚本】Boss直聘 岗位职责复制
开发语言·前端·javascript
小lu飞2 小时前
2026小红书小工具怎么制作:纯前端 ZIP 打包、沙箱限制与笔记挂载流程
前端·笔记·ai·ai编程
smallcelebration2 小时前
151 从0开始搭建后端项目
前端·firefox
wangruofeng2 小时前
手机和电脑传文件,除了微信还有 LocalSend
前端
excel3 小时前
基于 GPT 的自动发布文章接口方案:从一句话或一张图片生成并发布内容
前端·javascript·后端
其实防守也摸鱼5 小时前
个人学习 Pwn 思路:从基础到漏洞利用的进阶路径
大数据·前端·人工智能·chrome·算法·安全·网络安全
朱涛的自习室5 小时前
212 个需求、22 万行代码:Agent 接管开源项目的 19 天
android·前端·人工智能
aZhe的全栈知识分享5 小时前
AI 还原 Figma 效果总达不到预期?先别急着让它写代码
前端·后端·面试
review445436 小时前
Codex Hooks 入门实战:生命周期事件、matcher 与5分钟跑通一个钩子
前端·agent·vibecoding
函数小陈6 小时前
阿里云部署DSH与RAM完成运维
前端·后端