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);
});