# fastclick 這效果其實看起來已經不錯了，足夠留暢，也比較酷 但是點擊按鈕還是覺得有點慢，尤其是一些低端機上，回想上節講的《事件：touch和click的區別》，似乎我們還能更完美 ### 事件：touch和click的區別 在web里只有click，而移動端既有click又有touch，所以問題就來了 我怎么樣區分它們呢？ 三種在規范中列出并獲得跨移動設備廣泛實現的基本觸摸事件： 1. touchstart ：手指放在一個DOM元素上。 2. touchmove ：手指拖曳一個DOM元素。 3. touchend ：手指從一個DOM元素上移開。 其實還有一個touchcancel 其實click也是touch，不過先識別一下，如果是touch就是touch，如果不是touch就當click處理。 結論肯定是touch反應比click快，所以移動的有一個比較好的實踐 1. 使用zeptojs的tap的手勢 2. 使用fastclick庫 ### 用法 [https://github.com/ftlabs/fastclick](https://github.com/ftlabs/fastclick) 用法 ~~~ FastClick.attach(document.body); ~~~ attach方法是給對應的selector增加快速點擊事件，也就是把click轉成touch。 簡單封裝 ~~~ function add_fast_click(){ if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } } add_fast_click(); ~~~