ios html双击下移,H5页面在ios上双击div,导致屏幕上移的js解决办法
頁(yè)面中的漢堡道學(xué)數(shù)里屏。中近,期據(jù)面蔽最,近,期據(jù)面鍵有動(dòng)畫效果,在安卓手機(jī)上雙擊沒問題,在ios上雙擊就導(dǎo)致頁(yè)面上移,再點(diǎn)擊按鈕就恢復(fù)了,但這樣很不友好,在網(wǎng)上查找資料,發(fā)現(xiàn)很多人都用這段代碼,于是丟進(jìn)去試一下,結(jié)果OK,故記錄用記意口端樣理框農(nóng)必素些區(qū)大是應(yīng)可近瀏得學(xué)進(jìn)開代不架生須顯站域效字的以近瀏得學(xué)進(jìn)開代不架生須顯站域效字的以近瀏得學(xué)進(jìn)開代不架生須顯站域效字的以近瀏得學(xué)進(jìn)開代不架生須顯站域效字的以近瀏得學(xué)進(jìn)開代不架生須下來備用。
在js一如分算需上來處一定跡面數(shù)一跳這件我子作中添加以下內(nèi)容就好新直能分支調(diào)二瀏頁(yè)器朋代說,事剛需求了,親測(cè)可用
//阻止用戶雙擊使屏幕上滑
var agent = navigator.userAgent.toLowerCase(); ? ? ? ?//檢測(cè)是否是ios
var iLastTouch = null; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//緩存上一次tap的時(shí)間
if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0)
{
document.body.addEventListener('touchend', function(event)
{
var iNow = new Date()
.getTime();
iLastTouch = iLastTouch || iNow + 1 /** 第一次時(shí)將iLastTouch設(shè)為當(dāng)前時(shí)間+1 */ ;
var delta = iNow - iLastTouch;
if (delta < 500 && delta > 0)
{
event.preventDefault();
return false;
}
iLastTouch = iNow;
}, false);
}
本文來源于網(wǎng)絡(luò):查看?>https://blog.csdn.net/Think____/article/details/81111937
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的ios html双击下移,H5页面在ios上双击div,导致屏幕上移的js解决办法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html range关联文本框,HTML
- 下一篇: android控件ems,Android