在Reactjs中退出全屏

时间:2017-05-05 11:10:16

标签: javascript reactjs

我有一个react组件,其中包含我使用html5 FullScreen API(RequestFullScreen)全屏显示的元素。

例如,

handleFullScreenClick() {
    if (this.refs.myElement.requestFullscreen) {
      this.refs.myElement.requestFullscreen();
    } else if (this.refs.myElement.mozRequestFullScreen) {
      this.refs.myElement.mozRequestFullScreen();
    } else if (this.refs.myElement.webkitRequestFullscreen) {
      this.refs.myElement.webkitRequestFullscreen();
    }
  }

现在,我希望能够在按下按钮时退出全屏。当我搜索全屏API时,我看到必须由文档元素调用ExitFullScreen函数,而反应组件无法访问它。

有没有办法可以访问react组件中的document元素来调用ExitFullScreen函数?

非常感谢:)

0 个答案:

没有答案