为什么没有全屏播放touchend？

Question

用户开始在手机上滚动时，我尝试让网页全屏显示。

我已经意识到，正如本mdn link所述，出于可用性原因，浏览器只允许页面占据全屏以响应用户手势，因此，我需要在快速事件处理程序中将我的请求全屏显示，因此我执行了以下操作：

＆＃13;

＆＃13;

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

document.addEventListener('touchend', goFullScreen);

＆＃13;

＆＃13;

＆＃13;

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

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

PS ：完整版的脚本可以在[小提琴]中找到..  （https://jsfiddle.net/OsvaldoM/0kpm1s93/13/）  此外，这只是一个实验，所以请不要担心它对UX的可怕影响