移動端禁止雙指縮放

 

最近寫項目時發現通過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);