移动端禁止双指缩放

时间：2020-09-15 21:08:02 收藏：0 阅读：65

最近写项目时发现通过meta标签已无法禁止移动端双指缩放，一般的js写法也无法阻止，最终解决方案如下：

重点：passive

//禁止双指放大
document.documentElement.addEventListener(‘touchstart‘, function (event) {
  if (event.touches.length > 1) {
      event.preventDefault();
  }
}, {passive:false});

如果需要该事件，页面写入以下代码即可：

document.documentElement.addEventListener(‘touchstart‘, function (e) {

e.returnValue = true;

}, false);