无需登录 数据私有 本地保存

鼠标手势记录器 - 绘制并触发动作

开发工具 趣味工具 手势 记录 鼠标
73
0
0
0
鼠标手势记录器

按住鼠标在画布上绘制手势，自动识别并触发动作

在此绘制鼠标手势
方向序列： 等待绘制...
手势库

点击手势可回放，匹配成功会高亮

暂无手势，请在画布上绘制并保存
- -
绑定动作： -
常见问题与知识点

鼠标手势是一种通过按住鼠标并绘制特定形状来快速执行操作的交互方式。它可以大幅提升浏览效率，例如画一条向右的线触发"前进"、画一条向下的线触发"滚动到底部"。这种交互源于早期浏览器（如Opera）的创新，现在许多效率工具都支持手势操作。

本工具将鼠标轨迹采样为关键点，计算相邻点之间的8方向（上、下、左、右及4个对角线方向），合并连续相同方向后得到方向序列。匹配时使用动态规划算法计算两个方向序列的相似度（考虑方向之间的角度差异），相似度超过70%即视为匹配成功。对于清晰的手势，准确率可达95%以上。

完全支持！本工具已适配移动端触摸操作。您可以用手指在画布上绘制手势，系统会自动识别。在移动端，画布会自动调整大小以适应屏幕，触摸绘制体验流畅，同时会阻止页面滚动以确保手势不被中断。

所有手势数据存储在浏览器的localStorage中，数据仅保存在本地设备上，不会上传到任何服务器。您可以随时使用"恢复默认手势库"按钮重置数据。如需导出，目前可通过浏览器开发者工具手动复制localStorage中的mouse-gesture-recorder-gestures键值。

预设手势包括：右滑（前进）、左滑（后退）、下滑（滚动到底部）、上滑（回到顶部）、上下滑动（刷新页面）、左右滑动（打印页面）、下右滑动（复制URL）、L形滑动（打开新标签）。您完全可以自定义手势——在画布上绘制后点击"保存手势"，即可将其添加到手势库并绑定您需要的动作。

出于安全考虑，浏览器限制了网页对某些功能的访问。例如window.history.forward()和window.history.back()仅在历史记录中有对应条目时有效；打开新标签页可能被弹窗拦截器阻止。建议在使用此类动作时留意浏览器提示，或选择"刷新页面""滚动到顶部"等无限制的动作。

8方向识别将360度划分为45度间隔（右、右上、上、左上、左、左下、下、右下），比4方向（仅上下左右）精度更高，能区分对角线手势。例如"右下"方向在4方向系统中可能被归为"右"或"下"，而8方向系统能精确识别。这使得手势库可以容纳更多独特的手势模式，减少误匹配。
🔧 相关工具