一·: 300毫秒的道德規範
移動設備訪問的Web頁面都是pc上的頁面。在默認的viewpoint（980px）的頁面往往都是需要“雙擊”或“捏開”放大來看清頁面。正是爲了確認確認用戶是“單擊”還是“雙擊”。Safari用300ms延遲來判斷，而後來的iPhone，Android也用這種方式來判斷，因此移動頁面的click反應比PC端的慢上300毫秒。
爲了解決這個延遲問題，在移動端一般用tap事件來代替click事件。其中tap事件中常用的觸發器有3個，分別爲touchstart、touchmove和touchend。但是我們直接用touch事件來監聽時，在網頁上無法識別出touch事件，因此我們需要判斷一下，如果是移動端設備就使用touch事件，如果是PC端就使用mousedown、mouseup這些事件。代碼如下:
var touchStart,touchMove,touchEnd; touchStart = isMobile() ? 'touchstart' : 'mousedown'; touchMove = isMobile() ? 'touchmove' : 'mousemove'; touchEnd = isMobile() ? 'touchend' : 'mouseup';其中isMobile()函數百度上有很多，在這裏就不提供了，有興趣的可以百度下。
二: tap“點透”的解決方法
由於沒有圖片，小編很難解析出tap點透是什麼意思，大家有興趣的可以去百度一下，我在這裏主要說一下解決的方法:
1. 使用緩動動畫，過渡300ms的延遲
2. 中間加一層dom元素，讓它接受click事件，過300ms後隱藏。
3. 上下兩層都使用tap事件，原理上解決了這個bug，但避免了原生標籤的click事件的發生。
4. 使用最新版的zepto框架。
三: Touch事件中的bug
1. Android有些版本只會觸發一次touchstart、touchmove，但touchend不觸發。
2. 在touchmove中加入: event.preventDault()可以修復這個bug。
3. event.preventDault()會導致默認行爲不會發生，如頁面滾動不了。
這些bug的解決方法大家有興趣可以百度一下。