使用 javascript 以编程方式控制 iPhone 缩放答案

【问题标题】：controlling iPhone zoom programmatically with javascript使用 javascript 以编程方式控制 iPhone 缩放
【发布时间】：2013-02-08 10:38:06
【问题描述】：

我想在 iPhone 屏幕上跟踪我的手指移动。然而，这会导致橡皮筋和滚动，因此我必须关闭默认行为。

如本网站所述

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

我已经添加了事件监听器，就像这样

document.addEventListener('touchmove', touchMove, false);
document.addEventListener('gesturechange', gestureChange, false);

并禁用默认行为，就像这样

function touchMove(event){event.preventDefault(); //other code here}
function gestureChange(event){event.preventDefault(); //other code here}

现在，我可以做我想做的事了，但我不能再缩放页面了。我仍然能够检索 touchstart 坐标并从手势更改中检索缩放因子。从逻辑上讲，我想使用它们以编程方式更改页面缩放。如何用 javascript 做到这一点？

【问题讨论】：

标签： iphone event-listener touchmove

【解决方案1】：

到目前为止，我在将 eventlistener 应用于 div（而不是文档）方面取得了一些成功，并在检测到手势启动后使用布尔值关闭 touchmove 调用。实际上这工作得很好。我可以对整个文档进行缩放、平移和双击，也可以对 div 进行缩放和双击。但是 div 上的平移会执行一个函数来传递坐标（并且不会平移）。

【讨论】：