js禁止wap页面缩放

技能 · 2020-08-10 · 898 人浏览
js禁止wap页面缩放

一般我们都是使用html meta头来禁止网页进行缩放操作

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

但是在ios设备上面这条meta是完全不起作用的

这个时候我们可以使用js来禁止缩放事件

document.documentElement.addEventListener('touchstart', function (event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
}, false);

var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
    var now = Date.now();
    if (now - lastTouchEnd <= 300) {
        event.preventDefault();
    }
    lastTouchEnd = now;
}, false);

document.addEventListener('gesturestart', function(event) {
    event.preventDefault();
});
JavaScript HTML5 JS 禁止网页缩放 wap
Theme Jasmine by Kent Liao