我有一个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函数?
非常感谢:)