firefox - 全屏窗口代码在 Chrome 中工作，在 Firefox 中不工作

Question

我已经发布了我的全屏问题并且我得到了解决方案， 如何在单击 Angular 2 中的按钮时执行全屏窗口功能？.

此解决方案适用于Chrome浏览器。但是，全屏窗口在Firefox浏览器中不起作用

这是我的代码：

<button (click)="fullscreen()">Click</button>

fullscreen()
{
   let elem =  document.body; 
   let methodToBeInvoked = elem.requestFullscreen || 
   elem.webkitRequestFullScreen || elem['mozRequestFullscreen'] 
   || elem['msRequestFullscreen']; 

   if(methodToBeInvoked) methodToBeInvoked.call(elem);
}

我是否必须在此代码中为 Firefox 浏览器添加一些内容？

提前致谢 ：）

标签： firefoxfullscreen

Answer 1

由于拼写错误，它无法正常工作。更改elem['mozRequestFullscreen']为elem['mozRequestFullScreen']，您会没事的。

你可以在这里找到工作版本。