Chrome上触摸屏不工作的全屏事件

Question

在我的移动应用程序中，我想在用户移动时切换全屏。

因此，当touchend事件被触发时，我将调用document.documentElement.webkitRequestFullScreen();

问题是，在移动Chrome 56+中，它不适用于我。

举个例子。https://jsfiddle.net/ibmw/tnncaxj0/6/

感兴趣的部分是:这个问题只有当你在触地开始和触地之间进行触地移动时才会出现。

在控制台中，我发现了一个错误：

在'requestFullscreen‘：API上执行’requestFullscreen‘失败，只能通过用户手势启动。document.documentElement.webkitRequestFullScreen()；

有人知道怎么挣扎吗？

Answer 1

您必须在触摸移动时调用preventDefault()，并将新选项传递给addEventListener()。对我来说很管用：

addEventListener('touchmove', onTouchMove, {passive: false});

function onTouchMove(e) {
  e.preventDefault
}