提问者:小点点

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


我在互联网上搜索99%的网站...不,答案可以解决我的问题。我正在使用 iOS 12...现在是否有任何jQuery可以完全禁用Safari双击???

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

为此我花了两个星期,我仍然没有找到解决办法..这是我尝试过的...CSS:

* {
  -webkit-text-size-adjust: none;
  zoom: 1;
  touch-action: manipulation;
}
* {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

并禁用视口缩放iOS10 Safari?

我讨厌狩猎。。


共3个答案

匿名用户

在超文本标记语言元素上添加空单击侦听器将防止双击缩放。

它很难看,但做得很好。

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

接下来,我试图弄清楚禁用所有缩放是防止挤压。

遗憾的是,在 iOS 动量滚动期间不会调度触摸事件。只要页面不滚动,以下代码就可以工作(仅在 12.2 上测试):

document.addEventListener("touchstart", event => {
    if(event.touches.length > 1) {
        console.log("zoom plz stahp");
        event.preventDefault();
        event.stopPropagation(); // maybe useless
    }
}, {passive: false});

匿名用户

将CSS样式< code>touch-action: pan-y添加到< code >

匿名用户

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

禁用双击:

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>