首先說下題目：clike事件和 Zepto.js 中tap的區(qū)別

　　首先介紹下Zepto：

　　最初是作為移動端開發(fā)的庫，但是卻可以作為JQuery輕量級的替代品，因?yàn)锳PI和JQuery相似，而文件更小。

　　介紹下tap和click的區(qū)別：

　　兩者都會在點(diǎn)擊時(shí)觸發(fā)，但是在web手機(jī)端，clikc會有200-300ms的延時(shí)，所以要用tap代替click作為點(diǎn)擊事件，singleTap和doubleTap分別作為單次點(diǎn)擊和雙擊，但是使用tap會帶來點(diǎn)透事件（事件穿透）。

　　介紹下什么是tap事件穿透：

　　執(zhí)行完上層綁定的tap事件后，下層如果綁定這click事件或者本身就存在點(diǎn)擊事件（a/input）也會默認(rèn)觸發(fā)，這就是tap點(diǎn)透事件

　　下面正規(guī)解釋下tap點(diǎn)透事件發(fā)生的場景：

　　當(dāng)A/B兩個(gè)層上下Z軸疊層，上層的A點(diǎn)擊后消失或者移開（原因接下來會講），當(dāng)B元素本身默認(rèn)有click事件或者綁定click事件，這種情況下，點(diǎn)擊A/B重疊的部分，就會出現(xiàn)點(diǎn)透事件

　　點(diǎn)透現(xiàn)象出現(xiàn)的原因：

　　首先要知道tap事件是通過監(jiān)聽綁定document上的touch事件來模擬的，并且tap事件是冒泡到document上才觸發(fā)的；

　　touchstart：在這個(gè)dom上用手觸摸就能開始

　　click：在這個(gè)dom上用手觸摸，且手指未曾移動，且在這個(gè)dom上手指離開屏幕，且觸摸和離開時(shí)間很短（有的瀏覽器可能不檢測時(shí)間間隔，照樣可以觸發(fā)click），才開始觸發(fā)。

　　也就是說在移動端的事件觸發(fā)從早到晚排序：touchstart touchstop click 。 所以click的觸發(fā)是有延時(shí)的，about 300ms

　　由于我們在touchstart階段就已經(jīng)隱藏了A，當(dāng)click被觸發(fā)時(shí)，能夠被點(diǎn)擊的就是B；

　　介紹下click事件的觸發(fā)規(guī)則：

　　觸發(fā)當(dāng)前有click的元素，且該元素面朝用戶的最前端，才會觸發(fā)click。

　　上面B中，由于B綁定了click或者B本身存在click，所以B也被觸發(fā)了，（因?yàn)樵趖ouchstart階段就已經(jīng)隱藏了A），于是就產(chǎn)生了點(diǎn)透事件

　　介紹下解決方法：

　　1.github上有一個(gè)叫做fastclick的庫https://github.com/ftlabs/fastclick

　　［javascript］ view plain

　　$（function（）{

　　newFastClick（document.body）;

　　}）

　　然后給需要的元素綁定click事件，這樣就不會延時(shí)啦，據(jù)說還會比tap更快

　　2.為元素綁定touchend事件，并在內(nèi)部加上e.preventDefault（）;

　　［javascript］ view plain

　　$A.on（‘touchend’，function（e）{//而touchend是原生的事件，在dom本身上就會被捕獲觸發(fā)

　　$demo.hide（）

　　e.preventDefault（）;

　　}）

　　監(jiān)聽touchend事件，阻止A元素的touchend的默認(rèn)行為，從而阻止click事件的產(chǎn)生