js 解決移動端點選事件的延遲問題

2022-07-17 12:21:12 字數 665 閱讀 1283

眾所周知,在手機上的點選事件會有延遲300ms的問題。但在做手機端某些點選小遊戲時,我們就需要取消這個延遲的問題;

第一步:禁止頁面的縮放

這塊內容能解決一些部分手機的問題

第二步: 

fastclick.js

fastclick 是 ft labs 專門為解決移動端瀏覽器 300 毫秒點選延遲問題所開發的乙個輕量級的庫。簡而言之,fastclick 在檢測到touchend事件的時候,會通過 dom 自定義事件立即觸發乙個模擬click事件,並把瀏覽器在 300 毫秒之後真正觸發的click事件阻止掉。使用方法如下。

1:在頁面中引入fastclick.js檔案。

2:在js檔案中新增以下**

在 window load 事件之後,在body上呼叫fastclick.attach()即可。

window.addeventlistener(function(),false );

如果使用了jquery外掛程式

$(function() ); 

我這邊**用到的

// 處理移動端 click 延遲

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

}

移動端 點選滾動穿透的解決方案

一般都是touch和click混用導致的,touch是立馬觸發的,touchend還會觸發一次click,導致上層元素touchend觸發的click會影響到下層元素。解決辦法 只用touch 或者 只用click 使用fastclick 等一些自定義tap事件,移除touchend之後觸發的那次c...

移動端點選事件全攻略,這裡的坑你知多少?

的tap事件。tap事件可以理解為在移動端的click事件,而zepto.js因為幾乎完全複製jquery的api,因此常常被用在h5的開發上用來取代jquery.src path to fastclick.js script if addeventlistener indocument false...

js閉包解決多個點選事件

通常我們在前端中要為若干個節點新增相同的事件,為了減少 量便想出使用上面的 對這些節點進行迴圈繫結事件。然而事情並未像之前預想到的那樣,實驗後會發現無論點選哪個元素都會彈出several.length,而不是我們之前預想的i。這正是閉包 匿名函式 要使用外部作用於中變數的結果。而卻,這也是由於匿名函...