0

一旦用户开始在移动设备上滚动，我就试图让页面全屏显示。

我知道正如这个mdn 链接中所述，出于可用性原因，浏览器将只允许页面占据全屏以响应用户手势，因此，我需要将我的请求发送到 full-快速事件处理程序中的屏幕，因此我执行了以下操作：

function goFullScreen() {
  if (document.fullscreenEnabled) {
    requestFullscreen(document.documentElement);
  }
  document.removeEventListener('touchend', goFullScreen);
}

document.addEventListener('touchend', goFullScreen);

但是，当我滚动页面时，我在 chrome 上得到了这个结果：

在此处输入图像描述

我必须在这里遗漏一些东西，因为当我单击时，不拖动指针，它确实有效。

PS：脚本的完整版本可以在这个 [fiddle] .. ( https://jsfiddle.net/OsvaldoM/0kpm1s93/13/ ) 中找到，这只是一个实验，所以请不要介意它的可怕影响将不得不 UX

4

0 回答 0