问在Reactjs中退出全屏
EN

Stack Overflow用户

提问于 2017-05-05 11:10:16

回答 1查看 3.5K关注 0票数 2

我有一个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函数必须由document元素调用，这是react组件无法访问的。

为了调用ExitFullScreen函数，是否可以访问function组件中的文档元素？

非常感谢:)

javascript

reactjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-05 11:34:12

文档元素，该元素不能被react组件访问。

不知道是谁告诉你的，但这不是真的( document也不是一个元素)。Document接口由全局对象document表示，它可以在JS代码的任何部分中使用。所以你可以直接使用它：

handleExitFullScreenClick() {
  document.webkitExitFullscreen()
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43803454

复制

相似问题

问在Reactjs中退出全屏
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Reactjs中退出全屏EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Reactjs中退出全屏
EN