JS触摸事件

JavaScript010

JS触摸事件,第1张

在头部加上这个，防止双击的时候浏览器放大

当手指放在屏幕上触发。

当手指在屏幕上滑动时，连续地触发。

当手指从屏幕上离开时触发。

当系统停止跟踪时触发，系统什么时候取消，

由于触摸会导致屏幕动来动去，所以可以会在这些事件的事件处理函数内使用 event.preventDefault()

，来阻止屏幕的默认滚动。

touches：表示当前跟踪的触摸操作的touch对象的数组。

当一个手指在触屏上时，event.touches.length=1,

当两个手指在触屏上时，event.touches.length=2，以此类推。

targetTouches：特定于事件目标的touch对象数组。

因为touch事件是会冒泡的，所以利用这个属性指出目标对象。

changedTouches：表示自上次触摸以来发生了什么改变的touch对象的数组。

每个touch对象都包含下列几个属性：

clientX：触摸目标在视口中的x坐标。

clientY：触摸目标在视口中的y坐标。

identifier：标识触摸的唯一ID。

pageX：触摸目标在页面中的x坐标。

pageY：触摸目标在页面中的y坐标。

screenX：触摸目标在屏幕中的x坐标。

screenY：触摸目标在屏幕中的y坐标。

target：触摸的DOM节点目标。

js的touchstart没有触发，可以在touchstart的时候调用下event.preventDefault()，即可让其他事件都正常被触发了。js的左右上下滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。