解決移動端click點選問題

2022-05-10 11:28:33 字數 660 閱讀 7397

1,為什麼移動端點選會有300ms的延遲呢?

從點選螢幕上的元素到觸發元素的click事件,移動瀏覽器會有大約 300 毫秒的等待時間。這是因為瀏覽器想看看你是不是要進行雙擊(double tap)操作。

2,相容性

3,如何使用

<

script

type

src='/path/to/fastclick.js'

>

script

>

呼叫方法:

a,原生js

if ('addeventlistener' in document) , false);

}

b,jquery

$(function() );

c,common js方法

var attachfastclick = require('fastclick');

attachfastclick(document.body);

d,amd

var fastclick = require('fastclick');

fastclick.attach(document.body, options);

移動端click事件延時

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

移動端模擬click事件

移動端click事件會有300ms延遲 所以用touch事件來模擬click事件,來達到點選無延遲 在這裡主要使用touch事件來控制開關,來區分手指移動還是點選情況 var onoff true 手指觸控就會觸發touchstart事件,這裡不能省略,否則onoff狀態不會再次生效 div1 on...

移動端Click300毫秒點選延遲

1.300ms延遲的產生緣由 2.點透行為 假設有兩個層級,a和b a在上面,b在下面。如果a監聽touch事件 zepto的tap事件 而且b上有個鏈結 或者監聽click事件 那麼當touch a後,先後觸發了touchstart和touchend事件,touchend後a層隱藏,而此刻會觸發在...