天天看點

移動端事件總結

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:提供裝置的旋轉資訊

繼續閱讀