速查在线工具箱

鼠标检测

  • 分享链接
  • 反馈建议
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 文档左上角的位置,适用于不同的调试场景。

最新工具