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

触摸事件详细信息查看 - 半径/压力/角度

11
0
0
0
触摸事件详情查看器
触摸支持：检测中... 最大触摸点：- 屏幕：-
触摸点：0 最大同时：0 事件总数：0 压力：-
在此区域触摸或点击 支持多点触控 · 实时显示椭圆/压力/角度
在上方触摸区域操作以查看详细信息
事件日志 0 条记录
等待触摸事件...
常见问题与知识点

Touch Events API 是浏览器为触摸屏设备提供的底层接口，允许开发者捕获手指或触控笔在触摸表面上的交互。通过 touchstart、touchmove、touchend 和 touchcancel 事件，可以获取每个触摸点的详细信息，包括坐标、接触椭圆半径、压力和旋转角度等。该 API 在移动端浏览器中广泛支持，是构建手势交互的基础。

radiusX 和 radiusY 描述了手指或触控笔与屏幕接触区域的椭圆半径（单位：CSS像素）。radiusX 是椭圆在水平方向的半径，radiusY 是垂直方向的半径。这两个值可以帮助区分是手指肚（较大的椭圆）还是指尖（较小的椭圆）在触摸。并非所有设备都支持此属性，不支持时返回默认值。

force 属性表示触摸的压力强度，取值范围为 0.0 到 1.0。0.0 表示最轻的触摸（或无压力感应），1.0 表示设备能检测到的最大压力。该属性依赖于硬件支持，如 Apple 的 3D Touch / Force Touch 或某些触控笔（Apple Pencil、Surface Pen）。在不支持的设备上，force 始终为 0。

rotationAngle 表示触摸椭圆相对于默认方向的旋转角度，以度为单位，取值范围 0 到 90。默认方向是 radiusX 沿水平方向。正值表示顺时针旋转。该属性在大多数手指触摸中为 0，主要在使用触控笔时才能观察到明显的旋转角度（笔的倾斜方向）。

这通常是因为您的设备硬件或操作系统不完全支持扩展触摸属性：
• 普通电容屏：通常只提供基本的坐标信息，radiusX/Y 可能返回默认值，force 为 0
• 3D Touch / Force Touch 设备（如 iPhone 6s-XS）：支持 force 属性
• 触控笔设备（Apple Pencil + iPad、Surface Pen）：通常支持全部属性，包括 radiusX/Y、force 和 rotationAngle
• 桌面端鼠标模拟：本工具使用默认模拟值展示功能

使用 navigator.maxTouchPoints 属性可以获取设备硬件支持的最大同时触摸点数。大多数现代智能手机支持 5-10 个触摸点，部分平板支持更多。如果返回 0，表示设备不支持触摸或浏览器无法检测。注意：该值反映硬件能力，实际可用触摸点数还受操作系统和浏览器限制。

identifier 是每个触摸点的唯一整数标识符，在触摸点存在的整个生命周期内保持不变（从 touchstart 到 touchend）。它用于在多指手势中追踪同一个手指的移动轨迹。例如，在双指缩放时，需要通过 identifier 来区分两个手指各自的运动路径。
🔧 相关工具