一、click 和 tap 比較
兩者都會在點擊時觸發，但是在手機WEB端，click會有 200~300 ms，所以請用tap代替click作為點擊事件。
singleTap和doubleTap 分別代表單次點擊和雙次點擊。
二、關于tap的點透處理
在使用zepto框架的tap來移動設備瀏覽器內的點擊事件，來規避click事件的延遲響應時，有可能出現點透的情況，即點擊會觸發非當前層的點擊事件。
處理方式：
（1）github上有一個叫做fastclick的庫，它也能規避移動設備上click事件的延遲響應，https://github.com/ftlabs/fastclick將它用script標簽引入頁面（該庫支持AMD，于是你也可以按照AMD規范，用諸如require.js的模塊加載器引入），并且在dom ready時初始化在body上，如：
$(function(){
new
FastClick(document.body);
})
然后給需要“無延遲點擊”的元素綁定click事件（注意不再是綁定zepto的tap事件）即可。
當然，你也可以不在body上初始化它，而在某個dom上初始化，這樣，只有這個dom和它的子元素才能享受“無延遲”的點擊。
實踐開發中發現，當元素綁定fastclick后，click響應速度比tap還要快一點點
（2）為元素綁定touchend事件，并在內部加上e.preventDefault();
$demo.on('touchend',function(e){
// 改變了事件名稱，tap是在body上才被觸發，而touchend是原生的事件，在dom本身上就會被捕獲觸發
$demo.hide()
e.preventDefault();
// 阻止“默認行為”
})
三、touch事件touch是針對觸屏手機上的觸摸事件。現今大多數觸屏手機webkit內核提供了touch事件的監聽，讓開發者可以獲取用戶觸摸屏幕時的一些信息。
其中包括：touchstart,touchmove,touchend,touchcancel 這四個事件touchstart,touchmove,touchend事件可以類比于mousedown，mouseover ，mouseup的觸發。
touchstart： 觸摸開始的時候觸發
touchmove： 手指在屏幕上滑動的時候觸發
touchend： 觸摸結束的時候觸發
touchcancel：系統停止跟蹤觸摸時候會觸發。當一些更高級別的事件發生的時候（如電話接入或者彈出信息）會取消當前的touch操作，即觸發ontouchcancel。一般會在ontouchcancel時暫停游戲、存檔等操作。
而每個觸摸事件都包括了三個觸摸列表，每個列表里包含了對應的一系列觸摸點（用來實現多點觸控）：
touches： 當前位于屏幕上的所有手指的列表。
targetTouches： 位于當前DOM元素上手指的列表。
changedTouches： 涉及當前事件手指的列表。
每個觸摸點由包含了如下觸摸信息（常用）：
identifier： 一個數值，唯一標識觸摸會話（touch session
）中的當前手指。一般為從0開始的流水號。
target： DOM元素，是動作所針對的目標。
pageX/pageX/clientX/clientY/screenX/screenY： 一個數值，動作在屏幕上發生的位置（page包含滾動距離,client不包含滾動距離，screen則以屏幕為基準）。
radiusX/radiusY/rotationAngle： 畫出大約相當于手指形狀的橢圓形，分別為橢圓形的兩個半徑和旋轉角度。（初步測試瀏覽器不支持，好在功能不常用，歡迎大家反饋。）
var obj = document.getElementByIdx_x('id');
obj.addEventListener('touchmove', function(event) {
// 如果這個元素的位置內只有一個手指的話
if (event.targetTouches.length == 1) {
event.preventDefault();// 阻止瀏覽器默認事件，重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px';
obj.style.top = touch.pageY-50 + 'px';
}
}, false);
但是單憑監聽上面的單個事件，不足以滿足我們去完成監聽在觸屏手機常見的一些手勢操作，如雙擊、長按、左右滑動、縮放等手勢操作。需要組合監聽這些事件去封裝對這類手勢動作。
其實市面上很多框架都針對手機瀏覽器封裝了這些手勢，例如jqmobile、zepto、jqtouch，不過悲劇發生了，對于某些android系統，touchmove和touchend事件不能被很好的觸發，舉例子說明下：
比如手指在屏幕由上向下拖動頁面時，理論上是會觸發 一個 touchstart ，很多次 touchmove ，和最終的 touchend ，可是在android 4.0上，touchmove只被觸發一次，觸發時間和touchstart 差不多，而touchend直接沒有被觸發。
暫時我只發現在android 4.0會有這個bug，據說 iOS 3.x的版本也會有。
而顯然jqmobile、zepto等都沒有意識到這個bug對監聽實現帶來的嚴重影響，所以在直接使用這些框架的event時，或多或少會出現兼容性問題！
四、gesture事件
Gesture事件，包括手指點擊（click），輕拂 （flick），雙擊（double-click），手指的分開、閉合（scale）、轉動（rotate）等一切手指能在屏幕上做的事情，它只在有兩根 或多根手指放在屏幕上的時候觸發，事件處理函數中會得到一個GestureEvent類型的參數，它包含了手指的scale（兩根移動過程中分開的比例） 信息和rotation（兩根手指間連線轉動的角度）信息。這個事件是對touch事件的更高層的封裝，和touch一樣，它同樣包括 gesturestart，gesturechange，gestureend。gesture事件觸發過程：Step 1、第一根手指放下，觸發touchstartStep 2、第二根手指放下，觸發gesturestartStep 3、觸發第二根手指的touchstartStep 4、立即觸發gesturechangeStep 5、手指移動，持續觸發gesturechange，就像鼠標在屏幕上移動的時候不停觸發mousemove一樣Step 6、第二根手指提起，觸發gestureend，以后將不會再觸發gesturechangeStep 7、觸發第二根手指的touchendStep 8、觸發touchstart！注意，多根手指在屏幕上，提起一根，會刷新一次全局touch！重新觸發第一根手指的touchstartStep 9、提起第一根手指，觸發touchend
