首页 > 文章资讯 > 站长教程 > 建站知识 > H5页面兼容苹果，取消苹果input获取焦点自动放大问题解决办法

H5页面兼容苹果，取消苹果input获取焦点自动放大问题解决办法

时间：2023年10月14日

来源：网络

编辑：佚名

最近项目做的是h5的手机移动端，在用苹果浏览器测试时，弹出框输入信息会自动拉伸屏幕，并且不会像安卓一样回来。
网上查找说设置浏览器自适应头，但是并没有效果，
需要引入jquery.min.js即可
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
js代码
<script>
jQuery(document).ready(function($) {
____window.onload = function () {
document.addEventListener('touchstart', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
}
});
</script>

新闻资讯更多

猜你需要