移動端事件總結
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：提供設備的旋轉信息