JavaScript实现按键精灵的原理分析(3)

属性

  选项   默认   类型   描述  
identifier   必填       long长整型   一个触摸点的数字标记,唯一标识符。  
target   必填       EventTarget   触点最开始被跟踪时(在 touchstart 事件中),位于的HTML元素。  
clientX/clientY   可选   0   double   触摸点相对于浏览器窗口viewport的位置,不包含滚动距离,这个值会根据用户对可见视区的缩放行为而发生变化。  
screenX/screenY   可选   0   double  

触摸点相对于屏幕screen的位置。在IOS中与clientX/clientY属性不同,不会受到initial-scale的影响;

而在安卓中微信和UC会受之影响,而手机版chrome与红米note自带的浏览器不会被影响。

 
pageX/pageY   可选   0   double   和clientX/clientY属性不同,这个值是相对于整个html文档的坐标,这个值包含了垂直滚动的偏移。  
radiusX/radiusY   可选   0   float   能够包围用户和触摸平面的接触面的最小椭圆的水平轴(X轴)/垂直轴(Y轴)半径。  
rotationAngle   可选   0   float  

以度为单位的旋转角,由radiusX和radiusY描述的正方向的椭圆;

通过顺时针旋转这个角度后,能最精确地覆盖住用户和触摸平面的接触面的角度。

 
force   可选   0   float   手指挤压触摸平面的压力大小,从0.0(没有压力)到1.0(设备可识别的最大压力)的浮点数。  

 2)TouchEvent

语法如下:

touchEventInit:

属性

  选项   默认   类型   描述  
touches   可选   []   TouchList   TouchList类型(包含了一系列Touch对象的数组),当前位于屏幕上的所有手指的列表。  
targetTouches   可选   []   TouchList   与touches类似,但是增加了个过滤条件,要与第一个手指点的地方(同一个节点内)相同。  
changedTouches   可选   []   TouchList  

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwzsww.html