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