事件实时可见
鼠标移动、按键、双击、右键和滚轮事件都会即时记录，适合快速看清浏览器实际收到的 MouseEvent。
坐标和目标一起看
除了坐标和按键状态，页面还会显示目标元素信息，方便排查事件到底落到了哪个节点上。
记录只保存在本地
所有鼠标事件日志都只在当前浏览器本地生成，不会上传服务器。
MouseEvent · 浏览器本地检测
实时查看鼠标坐标、按键、滚轮和目标元素
适合测试左右键、组合键、滚轮、坐标变化和交互目标元素信息。页面不会把任何事件日志发送到服务器，适合本地调试和基础功能检测。
移动事件
0
点击事件
0
滚轮事件
0
当前 buttons
--
鼠标测试区
在这个区域里移动鼠标、单击、双击、右键和滚动。中间两个按钮用来帮助你测试不同目标元素、鼠标按键和组合键。
当前位置：(0, 0)
最近目标：--
最近滚轮：--
把鼠标移入测试区后移动、点击、右键和滚动。所有检测事件都只在浏览器本地记录。
最近一次事件
类型：--
坐标：--
button / buttons：--
目标元素：--
怎么看这些值
`button` 表示本次触发的按键，`buttons` 表示当前同时按住的组合状态。
滚轮事件会额外记录 `deltaY` 方向和值，适合判断滚轮上滚、下滚是否正常。
目标元素会显示成 `tag#id.class`，便于调试事件到底落在了哪个节点上。
最近事件记录
移动、点击或滚动后，这里会显示最近 12 条鼠标事件。
工具使用说明
怎么用 鼠标检测工具
在测试区内移动鼠标
先在测试区里移动鼠标，确认页面已经开始记录坐标和最近目标元素。
继续点按和滚动
再分别测试左键、右键、双击、滚轮和组合键，观察 `button`、`buttons` 和 `deltaY` 是否符合预期。
复制事件记录排查
如果你在调试页面交互，可以直接复制最近事件记录，用来和日志、代码断点或其它设备结果对照。
功能说明
这个工具解决什么问题
这个鼠标检测页适合哪些场景
如果你在做前端交互调试，想确认浏览器到底收到了什么鼠标事件，这个页面可以直接帮你看坐标、按键、滚轮和目标元素。
如果你只是想排查鼠标左键、右键、滚轮或组合键是否工作正常，也可以直接把它当作本地检测页来用。
为什么同时展示 button、buttons 和目标元素
`button` 表示当前触发的是哪一个按键，`buttons` 表示此刻一共按住了哪些按键，二者一起看更适合排查组合点击和拖拽问题。
目标元素信息则能帮助你判断事件到底打到了哪个节点上，尤其适合调试嵌套按钮、容器事件代理和右键菜单场景。
常见问题
关于 鼠标检测工具，用户常问这些
右键会不会弹出浏览器菜单？
测试区里已经默认拦截了右键菜单，方便直接记录 `contextmenu` 事件。
滚轮方向怎么判断？
页面会根据 `deltaY` 的正负直接标记上滚或下滚，并把最近值写进事件记录。
这页能看目标元素吗？
可以。最近一次事件和事件记录里都会显示 `tag#id.class` 形式的目标元素信息。
鼠标事件会上传服务器吗？
不会。所有记录都只保存在当前浏览器页面里。