苹果13.4更新后，PinchZoom.js在iOS设备上不起作用

Question

因此，我再次遇到了这个插件- PinchZoom.js的问题，它是在苹果针对iOS设备的13.4更新之后开始出现的。

问题是，双击功能现在突然在iOS设备上完全停止工作。

对于具体的测试，您可以参考插件演示页面：http://manuelstofer.github.io/pinchzoom/demo/pinchzoom.html

在iOS设备上，你不能双击放大图像，而这在以前的iOS版本中可以很好地工作。

我甚至深入研究了这个插件的源代码，但我不确定是什么原因导致双击在更新后在iOS设备上不起作用。

如果任何人对此有任何想法/解决办法，这将是非常有帮助的。

谢谢

Answer 1

在所有浏览器上，touchstart事件都会有300-350ms的延迟。显然，在iOS上仍然有。您可以通过在touchstart事件侦听器中记录点击事件和时间来测试这一点。

对于您的问题，您可以通过修改pinchzoom.js以使用没有延迟的touchend而不是touchstart来解决它，或者通过防止touchstart上的默认行为来解决它。

我选择了后者，并向touchstart事件侦听器添加了event.preventDefault()。您也可以这样做，直到开发人员提供官方解决方案为止。

el.addEventListener('touchstart', function (event) {
    event.preventDefault(); //add this

    if (target.enabled) {
        firstMove = true;
        fingers = event.touches.length;
        detectDoubleTap(event);
    }
});