天天看点

移动端事件总结

1.触摸事件

touchstart:当手指触摸屏幕时触发

touchmove:当手指在屏幕上滑动触发

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

touchcancel:当系统停止追踪触摸时触发

事件触发时会传递给函数一个Event对象,事件相关信息都会存储在event,event包含的信息主要有:

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

targetTouches:当前事件目标上touch对象的集合

changeTouches:表示至上次触摸发生改变的touch对象的集合

每个对象包含的信息有

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

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

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

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

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

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

target:触摸的dom节点

2.手势事件

gesturestart:当手势开始(有两根或多根手指触摸屏幕)时触发

gesturechange:手势改变(有两根或多根手指触摸屏幕,且发生移动)时触发

gestureend:手势结束(倒数第二根手指离开)时触发

手势事件除了screenX,pageX等,还包括scale,rotation

3.传感器事件

deviceorientation:提供设备的物理方向信息

devicemotion:提供设备的加速信息

orientationchange:提供设备的旋转信息

继续阅读