优化 iPhone 上的“绘图”应用程序，以便用户绘图时屏幕不会移动

Question

我正在使用 myscript 中的 API 进行字符识别

https://myscript.github.io/MyScriptJS/examples/v4/websocket_text_iink_no_smartguide.html

我正在创建一个主要通过手机使用的网络应用程序，但是在提供的链接中，在某些手机上，当用户尝试绘图时，屏幕会与用户的动作同步上下滚动。并非所有手机都会出现这种情况，只有少数手机会出现这种情况（我在 iPhone 6s 和 iPhone 8s 上进行了测试）。我认为这是一个缩放问题，是否有人知道可能导致此问题的设置？ 我尝试在没有问题的手机上复制该问题，但没有成功。在开发 Web 应用程序时我可以采取任何优化设置吗？

Answer 1

您必须通过 JavaScript 阻止滚动。自 11.1 Safari 更新 (https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html) 以来，文档触摸事件监听器现在默认是被动的，因此您需要设置像这样回到 false

document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, { passive: false });

但这会阻止在整个页面上滚动，因此您可能需要将

document

替换为用户可以在其中绘制的 div。