FastClick jQuery 幫助你消除移動端網站上的點擊延遲,從而提高用戶體驗。
在移動設備上,當用戶單擊屏幕時,設備會等待一段時間來確定用戶是否真正地點擊了屏幕。這個延遲通常是 300 毫秒,等價于用戶與網站之間的延遲。
FastClick jQuery 庫通過直接綁定 touchstart 事件來消除這種延遲。如果不使用 FastClick jQuery,用戶可能會感受到網站緩慢或者不響應。使用 FastClick jQuery 能夠讓你的移動端網站變得更加流暢。
$("button").on("touchstart", function(){
// your code here
});
上面的代碼會綁定一個 touchstart 事件到網頁上的每一個 button 元素上。但是當你在移動設備上試圖點擊這個 button 時,你會發現有 300 毫秒的延遲。為了消除這個延遲,你需要使用 FastClick jQuery:
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
在使用 FastClick 時,你需要把你所有的綁定事件從 click 改為 touchstart,如下所示:
$("button").on("touchstart", function(){
// your code here
});
總的來說,使用 FastClick jQuery 可以提高移動端網站的流暢度,同時增加用戶體驗。