touch事件中的touches详解
时间: 2023-12-24 09:15:05 浏览: 88
在移动端的开发中,touch事件是非常常用的一种事件,touches是touch事件对象中的一个属性,它是一个TouchList对象,表示当前屏幕上所有触控点的列表。下面是touches属性的详解:
1. touches.length:当前屏幕上触控点的数量。
2. touches.item(index):获取第index个触控点的信息,返回一个Touch对象。
3. touches[0]:获取第一个触控点的信息,返回一个Touch对象。
4. Touch对象包含以下属性:
- identifier:触控点的唯一标识符,用于区分不同的触控点。
- target:触控点所在的DOM元素。
- screenX、screenY:触控点相对于屏幕左上角的坐标。
- clientX、clientY:触控点相对于可视区域左上角的坐标。
- pageX、pageY:触控点相对于文档左上角的坐标。
- radiusX、radiusY:触控点接触面的椭圆的半径。
- rotationAngle:触控点接触面的旋转角度。
通过使用touches属性,我们可以获取到当前屏幕上所有触控点的信息,从而实现更加复杂的交互操作。
阅读全文