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

1.觸摸事件

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

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

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

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

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

touches:表示當(dāng)前跟蹤的觸摸操作touch對象的集合

targetTouches:當(dāng)前事件目標(biāo)上touch對象的集合

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

每個對象包含的信息有

clientX：觸摸目標(biāo)在視口中的x坐標(biāo)

clientY：觸摸目標(biāo)在視口中的y坐標(biāo)

pageX：觸摸目標(biāo)在頁面中的x坐標(biāo)

pageY:觸摸目標(biāo)在頁面中的y坐標(biāo)

screenX:觸摸目標(biāo)在屏幕中的x坐標(biāo)

screenY：觸摸目標(biāo)在屏幕中的y坐標(biāo)

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

2.手勢事件

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

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

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

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

3.傳感器事件

deviceorientation：提供設(shè)備的物理方向信息

devicemotion：提供設(shè)備的加速信息

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