移动端事件总结
2021-09-03 18:17:30

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：提供设备的旋转信息