在Safari IOS12上禁用双击缩放/调整大小 [英] disable Double tap zoom/resize on safari IOS12***

问题描述

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

I search 99% website on internet... nope answer can solve my problem..i am using ios 12... does any jQuery can totally disable safari double tap now???

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

or can I have some code detect function when(if user is double tapped?

为此我花了2周的时间，但仍然找不到解决方法. 这就是我尝试过的... CSS: * {-webkit-text-size-adjust:无；缩放:1；触摸操作:操纵；} * {cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0)} 和 禁用iOS 10以上版本的Safari浏览器缩放视口?

I spend 2weeks for that i still not find the solution.. This is what i tried... CSS: *{-webkit-text-size-adjust: none;zoom:1;touch-action: manipulation;} *{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)} and disable viewport zooming iOS 10+ safari?

我讨厌野生动物园.

推荐答案

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

Adding an empty click listener on HTML elements will prevent double tap zoom.

这很丑，但是能干.

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

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

Next thing i'm trying to figure out to disable all zooming is preventing pinch.

不幸的是，在iOs动量滚动期间，触摸事件没有被调度. 只要页面不滚动(仅在12.2上进行测试)，以下代码就会起作用:

Unfortunately, touch events are not dispatched during iOs momentum scrolling. The following code works as long as the page is not scrolling (tested only on 12.2) :

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

这篇关于在Safari IOS12上禁用双击缩放/调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！