0

在我的应用程序中，我想让一些页面全屏显示。基本上这就是我想要的：“用户无法使用鼠标访问浏览器或计算机桌面或在窗口外执行任何其他操作”。

我试图使用这个全屏 API： https ://www.npmjs.com/package/screenfull

我正在使用 html5/angular 5。我在 API 页面上的 angular 示例中提出了类似建议的指令。我在例如第 3 页上使用了带有按钮（转到下一页）的选择器“toggleFullscreen”。如果我想在第 4 页和第 5 页上全屏显示。比将选择器放在第 3 页上的下一个按钮带我到第 4 页应该使全屏显示在第 4 页。但它不起作用。第 4 页未全屏显示。

我对角度很陌生。那么有人可以提出其他方法来在我的代码中实现此功能吗？我不明白为什么这个 API 对我不起作用。

4

1 回答 1

0 
toggleFullScreen() {
        let elem =  document.body; 
        let methodToBeInvoked = elem.requestFullscreen || 
         elem.webkitRequestFullScreen || elem['mozRequestFullscreen'] 
         || 
         elem['msRequestFullscreen']; 
        if(methodToBeInvoked) methodToBeInvoked.call(elem);

    }

在要触发全屏的任何地方调用此函数，例如在提交按钮上单击调用此方法，它将全屏加载页面

于 2018-09-06T17:32:59.943 回答