在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ html頁面適配移動端,有關事件兼容性問題?

html頁面適配移動端,有關事件兼容性問題?

最近用vue寫了一個站點,通過 media 適配到移動端效果還可以,但是頭痛的事事件兼容性非常不好做,其中首頁有一幾個通過threejs實現(xiàn)的動畫,pc端鼠標下滑切換,但是到了移動端,需要用touchstart、touchmove、touchend來做,在小米的默認瀏覽器里面下拉可以,但是在uc、qq瀏覽器里面卻把整個網(wǎng)頁都往下拉了,現(xiàn)實出瀏覽器默認提示信息,然后網(wǎng)上找說是需要加 e.preventDefault();,但是還是會出現(xiàn)其他問題,比如加在touchmove中,那么pc端默認的下拉就失效了。

想請教下這類問題該如何處理?請高手指點,謝謝~~~

回答
編輯回答
互擼娃

touch事件可以不用e.preventDefault();阻止默認行為,試試用css的touch-action,touchmove時添加
document.documentElement.style.touchAction = 'none';touchend時document.documentElement.style.touchAction = 'auto';

2018年8月31日 10:24