移動端模擬click事件

2022-09-13 15:45:18 字數 527 閱讀 1027

移動端click事件會有300ms延遲

所以用touch事件來模擬click事件,來達到點選無延遲

//在這裡主要使用touch事件來控制開關,來區分手指移動還是點選情況

var onoff=true

;/*手指觸控就會觸發touchstart事件,這裡不能省略,否則onoff狀態不會再次生效*/

$('.div1').on('touchstart',function

())/*如果是點選情況的話不會觸發touchmove事件,所以觸發的時候onoff狀態更改為false說明不是點選*/

$('.div1').on('touchmove',function

())/*手指離開觸發touchend事件 ,

*如果onoff==false;說明手指有移動並不是要點選,直接return,不執行任何操作

*如果onoff==true;說明是要點選,可以執行後續點選操作

*/$('.div1').on('touchend',function

())

移動端click事件延時

在移動端使用click事件會產生300ms的延遲 問題的產生 移動端存在雙擊放大的問題,所以在移動端點選事件發生時,為了判斷使用者的行為 到底是要雙擊還是要點選 瀏覽器通常會等待300ms,如果300ms之內,使用者沒有再次點選,則判定為點選事件,否則判定為雙擊縮放。為什麼要解決 線代web對效能的...

移動端click事件300ms延遲

一般情況下,如果沒有經過特殊處理,移動端瀏覽器在派發點選事件的時候,通常會出現300ms左右的延遲。也就是說,當我們點選頁面的時候移動端瀏覽器並不是立即作出反應,而是會等上一小會兒才會出現點選的效果。在移動web興起的初期,使用者對300ms的延遲感覺不明顯。但是,隨著使用者對互動體驗的要求越來越高...

移動端手勢事件及長按事件模擬

h5原生事件中為移動端增加了3個觸控事件,touchstart touchmove touchend 但是我們在實際使用手機時有長按和手勢動作,但是原生並沒有給我們封裝類似的事件,所以我們需要模擬實現。function document.addeventlistener touchmove func...