0, 0
区域坐标 (X, Y)
0, 0
窗口坐标 (client)
0, 0
页面坐标 (page)
0, 0
屏幕坐标 (screen)
左键
中键
右键
Ctrl
Shift
Alt
Meta
👆 在此区域移动、点击、滚轮滚动,实时检测鼠标事件
0, 0
最近事件 (点击坐标值可复制)
在线鼠标检测工具简介
鼠标检测工具是一款纯前端的鼠标事件调试工具,可实时检测鼠标移动、点击、双击、右键、滚轮等操作,适用于鼠标按键测试、滚轮方向检测、前端 MouseEvent 调试和交互问题排查。
本工具在浏览器本地完成所有检测,不上传任何数据到服务器,安全可靠。
如何使用本工具?
1. 打开页面后,将鼠标移入深色检测区域。
2. 观察上方实时显示的坐标信息:区域坐标、窗口坐标、页面坐标和屏幕坐标。
3. 测试左键、中键、右键点击,查看按键状态是否正常。
4. 滚动鼠标滚轮,观察滚轮事件是否正确触发。
5. 按住 Ctrl/Shift/Alt 等修饰键,检查修饰键状态是否准确。
6. 查看最近事件记录,点击坐标值可一键复制。
常见问题与解答
为什么右键菜单没有弹出?
工具拦截了默认右键菜单,以便记录 contextmenu 事件本身,这并不影响正常的鼠标检测功能。
区域坐标和页面坐标有什么区别?
区域坐标是相对于检测区域左上角的位置,页面坐标是相对于整个 HTML 文档左上角的位置,适用于不同的调试场景。
速查在线工具箱