Javascript 在safari IOS12上禁用双击缩放/调整大小***_Javascript_Jquery_Css_Mobile_Safari

Javascript 在safari IOS12上禁用双击缩放/调整大小***

javascript jquery css mobile safari

Javascript 在safari IOS12上禁用双击缩放/调整大小***,javascript,jquery,css,mobile,safari,Javascript,Jquery,Css,Mobile,Safari,我在互联网上搜索99%的网站。。。没有答案可以解决我的问题。我正在使用ios 12。。。现在有任何jQuery可以完全禁用safari双击吗或者我可以有一些代码检测功能时（如果用户是双击我为此花了2周时间，但仍然没有找到解决办法。。这就是我试过的。。。 CSS: 及我讨厌safari。在HTML元素上添加空的单击侦听器将阻止双击缩放这很难看，但很管用 myElement.addEventListener("click", event => {}); 下一件事，我试图找出禁

我在互联网上搜索99%的网站。。。没有答案可以解决我的问题。我正在使用ios 12。。。现在有任何jQuery可以完全禁用safari双击吗

或者我可以有一些代码检测功能时（如果用户是双击

我为此花了2周时间，但仍然没有找到解决办法。。这就是我试过的。。。 CSS:

及

我讨厌safari。

在HTML元素上添加空的单击侦听器将阻止双击缩放

这很难看，但很管用

myElement.addEventListener("click", event => {});

下一件事，我试图找出禁用所有缩放是防止挤压

不幸的是，在iOs momentum滚动期间不会发送触摸事件。只要页面不滚动，以下代码就可以工作（仅在12.2上测试）：

将CSS样式的触摸动作：pan-y添加到

标记。仅此而已。

要禁用双击和按压手势，我选择了以下组合：

禁用双击：

document.addEventListener("click", event => {
  event.preventDefault()
  event.stopPropagation()
})

<head>
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>

禁用夹持手势：

document.addEventListener("click", event => {
  event.preventDefault()
  event.stopPropagation()
})

<head>
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>

也许这对你有用：似乎这在iOS 12中不再起作用了。你知道如何在iOS 12中起作用吗？谢谢！这是我见过的唯一有效的解决方案！iOS/Safari 13.1.2已确认。Alex，在iOS 13中，双击缩放被禁用。只有“按一下缩放”worksZara网站禁用了“按一下缩放”，即使在CROLing，在购物车页面中，查看他们的代码。刚刚在iOs 13.3.1 scroll+pinch上测试了Zara购物车页面。该解决方案是最简单的解决方案，可以在大多数用例中简单地删除pinching zoom。