移動端事件總結(jié)
2021-09-03 18:17:30

1.觸摸事件

touchstart:當手指觸摸屏幕時觸發(fā)

touchmove:當手指在屏幕上滑動觸發(fā)

touchend:當手指離開屏幕時觸發(fā)

touchcancel:當系統(tǒng)停止追蹤觸摸時觸發(fā)

事件觸發(fā)時會傳遞給函數(shù)一個Event對象，事件相關信息都會存儲在event，event包含的信息主要有：

touches:表示當前跟蹤的觸摸操作touch對象的集合

targetTouches:當前事件目標上touch對象的集合

changeTouches：表示至上次觸摸發(fā)生改變的touch對象的集合

每個對象包含的信息有

clientX：觸摸目標在視口中的x坐標

clientY：觸摸目標在視口中的y坐標

pageX：觸摸目標在頁面中的x坐標

pageY:觸摸目標在頁面中的y坐標

screenX:觸摸目標在屏幕中的x坐標

screenY：觸摸目標在屏幕中的y坐標

target：觸摸的dom節(jié)點

2.手勢事件

gesturestart：當手勢開始（有兩根或多根手指觸摸屏幕）時觸發(fā)

gesturechange：手勢改變（有兩根或多根手指觸摸屏幕，且發(fā)生移動）時觸發(fā)

gestureend：手勢結(jié)束（倒數(shù)第二根手指離開）時觸發(fā)

手勢事件除了screenX，pageX等，還包括scale，rotation

3.傳感器事件

deviceorientation：提供設備的物理方向信息

devicemotion：提供設備的加速信息

orientationchange：提供設備的旋轉(zhuǎn)信息