課程
/前端開發
/WebApp
/移動端的WEB相冊
tap穿透問題你用的是什么解決方案？
2014-06-28
源自：移動端的WEB相冊 2-4
正在回答
我覺得你這個問題問的很贊，在我們這個案例沒有提這個事，我覺得可以加上。tap穿透其實本質就是因為tap事件冒泡到body上觸發和click 300ms延遲導致，這個問題在最新android webkit內核上是沒有問題的（因為他們修復了click 300ms延遲），但是老版本內核還是有，我們可以在上層元素的touchend上綁定一個事件阻止click在下層被觸發即可。或者我個人認為對于非桌面瀏覽器，直接全局阻止click事件也可以
VoLi
能提供詳細說明代碼出來嗎？
嗯。之前我都是用fastclick來解決的，或者直接click，就不管那300ms了；老師的這兩個方法在特定環境下使用比較靠譜，先收了這兩種方法。剛特意又查了下，據說最新版zepto的touch已經修復這個問題，回頭實驗一下。
舉報
本課程通過一個移動端相冊案例，帶您一步步了解移動端框架
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-06-28
我覺得你這個問題問的很贊，在我們這個案例沒有提這個事，我覺得可以加上。tap穿透其實本質就是因為tap事件冒泡到body上觸發和click 300ms延遲導致，這個問題在最新android webkit內核上是沒有問題的（因為他們修復了click 300ms延遲），但是老版本內核還是有，我們可以在上層元素的touchend上綁定一個事件阻止click在下層被觸發即可。或者我個人認為對于非桌面瀏覽器，直接全局阻止click事件也可以
2014-07-03
能提供詳細說明代碼出來嗎？
2014-06-29
嗯。之前我都是用fastclick來解決的，或者直接click，就不管那300ms了；老師的這兩個方法在特定環境下使用比較靠譜，先收了這兩種方法。剛特意又查了下，據說最新版zepto的touch已經修復這個問題，回頭實驗一下。