PC及移动端禁止用户缩放页面的实现方式

移动端

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

PC端上

• 禁止用户在页面上使用 ctrl+ 鼠标滚轮和 ctrl+ - 进行页面缩放

document.addEventListener('mousewheel', function (e) {
      e = e || window.event;
      if ((e.wheelDelta && event.ctrlKey) || e.detail) event.preventDefault();
    }, {
      capture: false,
      passive: false
    });
    document.addEventListener('keydown', function (event) {
      if ((event.ctrlKey === true || event.metaKey === true)
        && (event.keyCode === 61 || event.keyCode === 107
          || event.keyCode === 173 || event.keyCode === 109
          || event.keyCode === 187 || event.keyCode === 1)) event.preventDefault();
    }, false);`