iOS Safari - 禁用双指缩放选项

时间:2017-08-25 10:19:41

标签: javascript iphone mobile javascript-events safari

我有缩放问题。我想阻止捏缩放HTML元素的移动Safari。我使用脚本来防止浏览器的默认行为,它正常工作正常捏,但当我开始用一根手指滚动,然后添加第二个和捏safari stil缩放页面...

有谁知道如何阻止这种缩放?

我正在使用画布创建移动游戏并使用HTML进行消息窗口,所以请不要写出因为可访问性原因而阻止缩放是一个坏主意。

防止缩放的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-nav">
  <div class="first">first
  </div>
  <div class="sec">sec
  </div>
  <div class="rd">rd
  </div>
  <div class="fth">fth
  </div>
  <div class="fvth">fvth
  </div>
</div>

更新:

document.addEventListener("touchmove", function(event) {
  event = event.originalEvent || event;

  if(event.touches.length > 1 || event.scale > 1) {
    event.preventDefault();
  }
}, false);

此元标记不起作用,因为苹果自iOS 10以来在移动设备中禁用它,直至可访问性原因

1 个答案:

答案 0 :(得分:0)

你能测试吗?

document.documentElement.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);