移動端web開發click touch tap區別

 

 

移動端用tap時會有穿透問題 一：click與tap比較 click與tap都會觸發點擊事件，可是在手機web端，click會有200-300ms的延遲，因此通常用tap代替click做爲點擊事件。singleTap和doubleTap分別表明單次點擊和雙次點擊   二：tap的穿透處理 使用zepto框架的tap的點擊事件，來規避click事件的延遲響應，會出現穿透，即點擊會觸發非當前層的點擊事件。   三：穿透緣由 問題：在html5點擊了q之後，彈出b的彈框   由於tap事件是經過document綁定了touchstart和touchend事件實現，$('.q')上，當touchend事件冒泡到document上之後執行$(this).hide();此時$('.b'),就處在了頁面的最前面 如今touchend冒泡到了document上，而且$('.b')在頁面的最前面，而後就觸發了click事件 更多web前端免費學習資料加羣領取，羣號434623999