logo

触控板 / 鼠标手势检测

可在全页面检查滑动、缩放、点按与指针追踪的测试工具。

触摸板手势检测

100%

触摸板手势颜色说明

鼠标移动轨迹
左键按压(单指按压)
右键按压(双指按压)
中键按压(三指按压)
滚轮缩放(双指缩放)

在画布上进行触摸板手势测试

轨迹点数: 0

笔画数: 0

当前笔画: 0
缩放: 100%
拖拽: (0, 0)
就绪
🔍 调试信息
当前手势: 无
检测状态: 就绪
触摸支持: 否
指针支持: 否
鼠标移动轨迹
0
左键按压
0
右键按压
0
中键按压
0
滚轮缩放
0

触摸板手势测试指南:

• 鼠标移动轨迹：鼠标移动:在触摸板上移动鼠标(浅蓝色轨迹)

• 左键按压：左键按压:点击并拖拽左键(深蓝色轨迹)

• 右键按压：右键按压:点击并拖拽右键(绿色轨迹)

• 右键拖拽：右键拖拽:按住右键并拖拽(绿色轨迹)

• 中键按压：中键按压:点击并拖拽中键(黄色轨迹)

• 滚轮缩放：滚轮缩放:Ctrl+滚轮或双指缩放(紫色轨迹)

💡 实际测试方法:

• 鼠标移动轨迹：鼠标移动:在触摸板上移动鼠标(浅蓝色轨迹)

• 右键按压：右键按压:点击并拖拽右键(绿色轨迹)

• 右键拖拽：右键拖拽:按住右键并拖拽(绿色轨迹)

• 中键按压：中键按压:点击并拖拽中键(黄色轨迹)

• 滚轮缩放：滚轮缩放:Ctrl+滚轮或双指缩放(紫色轨迹)

• 观察控制台日志和调试面板了解检测详情

蓝色虚线框内为可绘制区域,支持触摸板手势识别。

是设置问题，还是硬件问题？

请分开测试单指移动、双指滚动与多指手势。若只有单一动作失败，通常更像设置问题；如果游标在各处都漂移，则更可能是硬件磨损。

这个工具可快速检查触控板的滑动功能与手势识别情况。由于整个页面都能作为测试区域，因此更容易在接近真实使用的条件下验证上下左右滑动、缩放与多指手势。
• 全页面手势检测。 • 实时显示移动轨迹。 • 立即监控手势状态与中断情况。 • 记录操作历史与时间信息。 • 适合检查滑动、缩放与多指输入。
1. 直接在页面上操作触控板或鼠标。 2. 依次测试向上、向下、向左、向右滑动。 3. 也检查双指滚动与缩放。 4. 观察点按与多指手势是否有正常回应。 5. 若有动作没有反应，可先重置再重新测试。
工具会追踪 touchstart、touchmove、touchend 与 wheel 事件，并用 Canvas 2D 绘出轨迹，让输入反应更容易观察。只有真正传入浏览器的输入才会被测试，因此某些由系统保留的手势可能不会出现在这里。
办公设备维护
问：为什么要用整个页面当作测试区？ 答：触控板手势在较大的范围中更容易测得准确，也比较不容易太早撞到边界而中断动作。 问：支持哪些手势？ 答：包含基本滑动、多指点按，以及设备与系统会传给浏览器的缩放或滚动手势。 问：为什么我的手势没有被检测到？ 答：有些手势会被操作系统直接接管，例如桌面切换，因此不一定会传到浏览器。 问：Windows Precision 和 macOS 触控板都能用吗？ 答：可以，但不同系统与浏览器的事件行为会有差异。若结果看起来异常，建议交叉比较 Chrome、Edge 或 Safari。 问：数据会被上传吗？ 答：不会。输入事件只会在你的浏览器本地处理。