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

omi*_*sas 1 javascript css safari mobile jquery

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

还是我可以在某些情况下使用某些代码检测功能(如果用户连按两次?

我花了2周的时间,仍然找不到解决方案。这是我尝试过的... CSS:* {-webkit-text-size-adjust:无; zoom:1;触摸操作:操作;} * {光标:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0)}并 禁用视口缩放iOS 10+野生动物园?

我讨厌野生动物园。

Mar*_*ala 9

touch-action: pan-y<body>标签添加 CSS 样式。就这样。

  • 对于大多数使用情况,此解决方案是最简单的,只需删除捏合缩放即可。 (3认同)

小智 5

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

这很丑,但能胜任。

myElement.addEventListener("click", event => {});
Run Code Online (Sandbox Code Playgroud)

接下来我想找出来禁用所有缩放比例的功能是防止挤压。

不幸的是,在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});
Run Code Online (Sandbox Code Playgroud)

  • 出色的!iOS/Safari 13.1.2 已确认。 (2认同)