Question

我在互联网上搜索99％的网站... 没有答案可以解决我的问题..我正在使用iOS 12 ... 没有任何jQuery现在可以完全禁用Safari双击吗？

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

为此我花了2周的时间，但仍然找不到解决方法。这就是我尝试过的... CSS： * {-webkit-text-size-adjust：无；缩放：1；触摸操作：操纵；} * {cursor：pointer; -webkit-tap-highlight-color：rgba（0,0,0,0）} 和 disable viewport zooming iOS 10+ safari?

我讨厌野生动物园。

Answer 1

将CSS样式keys: - "https://gitlab.com/user1.keys" - "https://github.com/user2.keys"添加到touch-action: pan-y标签中。就是这样。

Answer 2

在HTML元素上添加空点击侦听器将防止双击缩放。

这很丑，但是能干。

reduceRight

我想找出来禁用所有缩放的下一件事是防止捏住。

不幸的是，在iOs动量滚动过程中不会调度触摸事件。只要页面不滚动（仅在12.2上进行测试），以下代码就会起作用：

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

Answer 3

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

禁用双击：

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>

在Safari IOS12上禁用双击缩放/调整大小

3 个答案: