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