CH4-6 iphone、ipad點擊事件優化

資料來源#https://www.npmjs.com/package/fastclick

iOS 在點選網頁可以按的東西( 不管是 div 還是 button,只要是可以按的、有綁 click 事件的 ) 都會延遲個 300ms 然後閃一下,才執行動作 ( 手機可以到 這裡 測試,電腦沒用 ) 雖然看起來時間很短,但對於程式的流暢性真的真的真的差很多 iOS 會這樣設計,很像是為了偵測使用者動作…應該啦,也找不到相關資料

解決辦法有兩個,第一個就是把 click 事件改成 touchstart,但是好麻煩… 第二個就是用 fastclick.js 這套是我用起來感覺最無腦簡單好用的,為什麼說無腦的簡單? 因為只要一行就搞定整個專案了,雖然跟其他的套件比起來會有些 bug

方法一

手機尺寸宣告touchstart動作

JS

$('body *').on('touchstart', function(){});

方法二

https://www.npmjs.com/package/fastclick

$(function() {
    FastClick.attach(document.body);
});

results matching ""

    No results matching ""