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

Question

我已经发布了我的全屏问题，我得到了解决方案， How to do FULL SCREEN WINDOW functionality while clicking the button in 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 浏览器添加一些东西吗？

在此先感谢 :)

Answer 1

由于拼写错误，它无法正常工作。将 elem['mozRequestFullscreen'] 更改为 elem['mozRequestFullScreen'] 就可以了。

您可以找到工作版本here。