移动端常见的触摸相关事件

Touch触摸事件 阻止默认事件preventDefault();

touchstart:手指触摸到屏幕会触发

touchmove:手指在屏幕上移动时,会触发

touchend:当手指离开屏幕时,会触发

touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统中其他打断了touch的行为,则可以触发事件

用于跟踪触摸的属性:

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

targetTouches:特定于事件目标的Touch对象的数组

changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组

每个Touch对象包含的属性如下。

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

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

identifier:标识触摸的唯一ID。

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

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

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

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

target:触目的DOM节点目标。

tap触碰事件

一般用于代替click事件

tap:手指碰一下屏幕会触发

longTap:手指长按屏幕会触发

singleTop:手指碰一下屏幕会触发

doubleTop:手指双击屏幕会触发

Swipe滑动事件

swipe:手指在屏幕上滑动时会触发

swipeLeft:手指在屏幕上向左滑动时会触发

swipeRight:手指在屏幕上向右滑动时会触发

swipeUp:手指在屏幕上向上滑动时会触发

swipeDown:手指在屏幕上向下滑动时会触发

你可能感兴趣的:(移动端常见的触摸相关事件)