无法阻止“touchmove”在iOS上滚动窗口

我最近遇到了同样的问题。你需要通过 { passive: false } 注册时 touchmove 事件侦听器。e、 g。

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

这是因为在与iOS 11.3捆绑的Safari 11.1中,文档触摸事件监听器现在默认为被动的。此更改记录在Safari 11.1中 release notes :

Web API

• […]
• 更新根文档触摸事件监听器以使用被动模式,从而提高滚动性能并减少崩溃。

你需要绑定 preventDefault 两个事件: touchmove 和 touchforcechange 使其在ios 11中工作,例如。

document.addEventListener('touchmove', this.preventDefault, {passive: false});
document.addEventListener('touchforcechange', this.preventDefault, {passive: false});

您应该在touchstart之前绑定它们

如果你把它们绑在 touchstart 或 dragStart 处理程序,它们只能阻止在下次拖动时滚动。

对我有用的是通过 {passive:false} 选项到 addEventListener ( explanation ),并且您还需要确保执行 e.preventDefault() 在…上 touchmove 和 touchstart :

window.addEventListener("touchstart", e=>e.preventDefault(), {passive:false});
window.addEventListener("touchmove", e=>e.preventDefault(), {passive:false});