解决IOSwebview加载H5页面点击2次会上移方案

cy_baicai

于 2018-01-26 14:59:15 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：新博客

本文链接：https://blog.csdn.net/cy_baicai/article/details/79172483

本文主要探讨在iOS应用中，WebView加载H5页面时遇到的双击导致页面上移的常见问题，并提供解决方案，帮助开发者优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在IOSwebview 我们嵌入H5页面的开发的时候，在H5的空白页面双击2次页面会上移动

(function()

{

var agent = navigator.userAgent.toLowerCase();

var iLastTouch = null; //缓存上一次tap的时间

if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0) //检测是否是ios

{

document.body.addEventListener('touchend', function(event)

{

var iNow = new Date().getTime();

iLastTouch = iLastTouch || iNow + 1 /** 第一次时将iLastTouch设为当前时间+1 */ ;

var delta = iNow - iLastTouch;

if (delta < 500 && delta > 0)

{

event.preventDefault();

return false;

}

iLastTouch = iNow;

}, false);

}

})();

最低0.47元/天解锁文章