移动端禁止双指缩放

 

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

 

重点：passive

?

1 2 3 4 5 6

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

　　

 

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

 

?

1 2 3 4 5

document.documentElement.addEventListener('touchstart', function (e) {   e.returnValue = true;   }, false);