javascript - 防止在 IOS 和 Android 中拖动页面滚动

Question

我正在开发一款 html5 canvas 游戏，但我不知道如何处理触摸事件。当用户触摸屏幕并拖动时，浏览器将滚动页面。我想阻止它，并获得触摸开始和触摸结束位置。可能吗？

提前致谢

Answer 1

您需要覆盖默认触摸行为以停止触摸事件拖动页面。显然，如果您的页面变得比可用区域大，您将需要再次处理它们，但是当您制作游戏时，将假设您正在执行 100%/100% 布局。

function preventBehavior(e) {
    e.preventDefault(); 
};

document.addEventListener("touchmove", preventBehavior, {passive: false});

编辑:这里是 W3C recommendation谈论触摸事件，这对你来说可能很方便。