當(dāng)前位置:首頁 > IT技術(shù) > 移動(dòng)平臺(tái) > 正文

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

1.觸摸事件

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

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

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

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

事件觸發(fā)時(shí)會(huì)傳遞給函數(shù)一個(gè)Event對(duì)象,事件相關(guān)信息都會(huì)存儲(chǔ)在event,event包含的信息主要有:

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

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

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

每個(gè)對(duì)象包含的信息有

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é)點(diǎn)

2.手勢(shì)事件

gesturestart:當(dāng)手勢(shì)開始(有兩根或多根手指觸摸屏幕)時(shí)觸發(fā)

gesturechange:手勢(shì)改變(有兩根或多根手指觸摸屏幕,且發(fā)生移動(dòng))時(shí)觸發(fā)

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

手勢(shì)事件除了screenX,pageX等,還包括scale,rotation

3.傳感器事件

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

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

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

本文摘自 :https://blog.51cto.com/u

開通會(huì)員,享受整站包年服務(wù)立即開通 >