解决IOSwebview加载H5页面点击2次会上移方案
2018-01-26 14:59
831 查看
在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);
}
})();
(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);
}
})();
相关文章推荐
- 解决IOSwebview加载H5页面点击2次会上移方案
- webview 加载H5页面音乐不会自动播放问题解决方案
- android用webview加载H5页面出现点击事件失效的问题解决
- iOS 使用WKWebView加载h5页面无法调用拨打电话功能
- webView加载H5页面出现空白页的解决办法
- iOS webView 和 H5 页面交互(点击获取H5页面中的按钮,做自己想做的操作)
- ios开发之webView.scalesPageToFit = YES后 加载页面遇见表格显示很小的解决方法
- webview加载H5页面使用本界面且可以点击(浏览器不会跳转)
- android webview加载H5页面丢失cookie信息的解决办法
- iOS模态跳转的页面WebView中加载html调用本机相册会dismiss返回上一个页面解决办法
- android 加载web view的时候,点击输入框,导致页面放大的问题解决方法
- 解决 ios 11 和 h5 页面在 wkwebview 上显示, footer 设置 bottom 为 0 时, 顶部会出现留白
- css ios H5页面web页面 上下滑动卡顿问题解决方案
- css ios H5页面web页面 上下滑动卡顿问题解决方案(亲测)
- WebView加载H5页面及自动播放网页内置的音乐的方法
- Android webview里加载显示网页,显示进度,点击网页链接跳转到app页面
- iOS实现在webview页面内点击链接,跳转指定App
- Android webview旋转屏幕导致页面重新加载问题解决办法
- WebView和加载html页面时无法调用alert的解决办法
- iOS9.0-Xcode7-UIWebView加载页面出错解决方法,适用于SDWebImage等一切BitCode和Https相关错误