我们有这个web应用程序，它有一个层元素，包含文本“swipe up to enter the game”，这个层元素的大小等于视口的宽度和高度.当用户swipe up（或向下滚动）层元素消失，网页应该变成全屏，我发现我可以使用全屏API，我只需要对element.requestFullScreen进行函数调用（）但如果不是在用户手势事件下调用，则此函数调用返回错误。由于向下滚动不是用户手势事件，因此是否可以执行此操作？或者是否有模拟全屏功能的解决方案？
我们有这个web应用程序，它有一个层元素，包含文本“swipe up to enter the game”，这个层元素的大小等于视口的宽度和高度.当用户swipe up（或向下滚动）层元素消失，网页应该变成全屏，我发现我可以使用全屏API，我只需要对element.requestFullScreen进行函数调用（）但如果不是在用户手势事件下调用，则此函数调用返回错误。由于向下滚动不是用户手势事件，因此是否可以执行此操作？或者是否有模拟全屏功能的解决方案？
1条答案
按热度按时间ryevplcw1#
requestFullscreen()需要用户激活，这意味着它只能由keydown、mousedown、pointerdown、pointerup或touchend触发，并且不能编写脚本。参考文献：
你最好的选择是在滚动事件，你可以黑掉页面，并显示一个巨大的按钮在屏幕中间，上面写着"点击开始"的桌面或"点击开始"的平板电脑/手机。当用户与按钮交互，你可以启动你的应用程序全屏。