touch事件的event对象

touch事件的event对象里有3个类数组,分别是touches、targetTouches、changedTouches。

touches :当前屏幕上所有触摸点的列表。
targetTouches :当前对象上所有触摸点的列表。
changedTouches :涉及当前(引发)事件的触摸点的列表。

如下图所示:
touches类数组里包含4个触摸点的信息,length=4
targetTouches类数组里包含2个触摸点的信息,length=2
changedTouches类数组里包含1个触摸点的信息,length=1

在这里插入图片描述

注意:在touchEnd事件里,因为手机离开屏幕后,touches、targetTouches里的触摸点信息没了,length=0,所以我们一般使用changeedTouches来获取触摸点信息。


clientX:屏幕左上角到touch位置水平方向的距离。
clientY:屏幕左上角到touch位置垂直方向的距离。
pageX:屏幕左上角到touch位置水平方向的距离,算上滚动条。
pageY:屏幕左上角到touch位置垂直方向的距离,算上滚动条。

猜你喜欢

转载自blog.csdn.net/sqf251877543/article/details/108461147
今日推荐