移動端事件總結

2022-08-15 05:39:20 字數 833 閱讀 3014

1. click事件

單擊事件,類似於pc端的click,但在移動端中,連續click的觸發有200ms ~ 300ms的延遲

2. touch類事件

觸控事件,有touchstart touchmove touchend touchcancel 四種之分

touchstart:手指觸控到螢幕會觸發

touchmove:當手指在螢幕上移動時,會觸發

touchend:當手指離開螢幕時,會觸發

touchcancel:可由系統進行的觸發,比如手指觸控螢幕的時候,突然alert了一下,或者系統中其他打斷了touch的行為,則可以觸發該事件

3. tap類事件

觸碰事件,我目前還不知道它和touch的區別,一般用於代替click事件,有tap longtap singletap doubletap四種之分

tap: 手指碰一下螢幕會觸發

longtap: 手指長按螢幕會觸發

singletap: 手指碰一下螢幕會觸發

doubletap: 手指雙擊螢幕會觸發

4. swipe類事件

滑動事件,有swipe swipeleft swiperight swipeup swipedown 五種之分

swipe:手指在螢幕上滑動時會觸發

swipeleft:手指在螢幕上向左滑動時會觸發

swiperight:手指在螢幕上向右滑動時會觸發

swipeup:手指在螢幕上向上滑動時會觸發

swipedown:手指在螢幕上向下滑動時會觸發

移動端事件

移動端事件 onclick 移動端也可以使用onclick事件,但是查閱資料上說會有300ms的延遲,究竟是不是有待考究。ontouchstart 相當於pc端的onmousedown,詳細可參照先前寫的文件 事件 下同 ontouchend 相當於pc端的onmouseup.ontouchmove...

移動端事件

一 touch 1 touchstart 當手指觸碰螢幕時發生,不管當前多少根手指 2 touchmove 當手指在螢幕上滑動時連續觸發,通常我們在滑屏頁面,會呼叫event的preventdefault 可以阻止預設情況的發生 阻止頁面滾動 3 touchend 當手指離開螢幕時觸發 4 touc...

移動端事件(一) 移動端事件和物件

在我們開始用原聲js寫移動端輪播前,我們先了解一些移動端的基礎。touch事件 touchevents物件 滑屏的思想與實現 移動端touch事件 let box document.queryselector box touchstart mousedown 手指觸碰元素 touchmove mou...