手机端如何阻止苹果浏览器输入框默认放大事件

来源:互联网 发布:ubuntu net tools 编辑:程序博客网 时间:2024/05/16 11:26
今天遇到了苹果手机浏览器输入的时候,整个网页会放大,并且不会缩小,暂时还没有找到解决的办法,在继续找找

window.onload =function () {
document.addEventListener('gesturestart',function (e) {
e.preventDefault();
});
document.addEventListener('dblclick',function (e) {
e.preventDefault();
});
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);
};

就是这一串代码,能解决苹果浏览器默认放大的事件,因为苹果觉得当用户点击输入框放大是很好的体验,单纯的写meta是没有用的,需要用js强制的修改
原创粉丝点击