原文鏈接:http://www.cnblogs.com/imwtr/p/5882166.html
前端的很多事件在PC端和瀏覽器端可公用隘庄,但有些事件卻只在移動端產(chǎn)生踢步,如觸摸相關(guān)的事件
本文整理了移動端常見的一些事件,包括原生支持的click丑掺、touch获印、tap、swipe事件街州,也有定義型的gesture手勢事件(目前只是一個概念兼丰,使用的時候需封裝模擬)
使用到的是移動端的Chrome瀏覽器,本文只對該瀏覽器進(jìn)行調(diào)試唆缴,其他瀏覽器暫未考慮到
一鳍征、事件定義及分類
1. click事件
單擊事件,類似于PC端的click面徽,但在移動端中艳丛,連續(xù)click的觸發(fā)有200ms ~ 300ms的延遲
2. touch類事件
觸摸事件,有touchstart touchmove touchend touchcancel 四種之分
touchstart:手指觸摸到屏幕會觸發(fā)
touchmove:當(dāng)手指在屏幕上移動時斗忌,會觸發(fā)
touchend:當(dāng)手指離開屏幕時质礼,會觸發(fā)
touchcancel:可由系統(tǒng)進(jìn)行的觸發(fā),比如手指觸摸屏幕的時候织阳,突然alert了一下,或者系統(tǒng)中其他打斷了touch的行為砰粹,則可以觸發(fā)該事件
3. tap類事件
觸碰事件唧躲,我目前還不知道它和touch的區(qū)別造挽,一般用于代替click事件,有tap longTap singleTap doubleTap四種之分
tap: 手指碰一下屏幕會觸發(fā)
longTap: 手指長按屏幕會觸發(fā)
singleTap: 手指碰一下屏幕會觸發(fā)
doubleTap: 手指雙擊屏幕會觸發(fā)
4. swipe類事件
滑動事件弄痹,有swipe swipeLeft swipeRight swipeUp swipeDown 五種之分
swipe:手指在屏幕上滑動時會觸發(fā)
swipeLeft:手指在屏幕上向左滑動時會觸發(fā)
swipeRight:手指在屏幕上向右滑動時會觸發(fā)
swipeUp:手指在屏幕上向上滑動時會觸發(fā)
swipeDown:手指在屏幕上向下滑動時會觸發(fā)