Javascript 退出全屏不在chrome上工作？[我缺少什么？]

我的屏幕上有两个按钮。每一个触发一段javascript代码以进入和退出全屏模式

按钮1:进入全屏模式

按钮2:退出全屏模式

如果我首先单击按钮1，它将使我进入全屏模式，然后单击按钮2，它将退出全屏模式

但是，如果我使用F11或通过chrome菜单进入全屏模式，出乎意料的是按钮2不再工作

为什么会发生这种情况以及如何解决

按钮1代码：

goFullscreen();
function goFullscreen() {
    var el = document.documentElement,
      rfs = el.requestFullscreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen
        || el.msRequestFullscreen 
    ;

    rfs.call(el);
}

按钮2代码：

document.webkitCancelFullScreen();

我也尝试过，但运气不好：

document.webkitExitFullscreen();

---

您应该在执行之前验证

功能全屏（divID）{
fnFullScreen（divID，！IsFullScreen（））；
}
函数为全屏（）{
返回（document.fullscreenElement&&document.fullscreenElement！==null）||
（document.webkitFullscreenElement&&document.webkitFullscreenElement！==null）||
（document.mozFullScreenElement&&document.mozFullScreenElement！==null）||
（document.msFullscreenElement&&document.msFullscreenElement！==null）；
}
全屏功能（divID，开启）{
如果（打开）{
var docElm=$（'#'+divID）.parent（）[0]；
if（文档请求全屏）{
docElm.requestFullscreen（）；
}else if（docElm.mozRequestFullScreen）{
docElm.mozRequestFullScreen（）；
}else if（docElm.webkitRequestFullScreen）{
docElm.webkitRequestFullScreen（）；
}else if（docElm.msRequestFullscreen）{
msRequestFullscreen（）；
}
$（'#'+divID）.css（“最小高度”，“100vh”）；
$（'.btnFullScreen'）.html（'退出全屏'）；
}否则{
if（document.exitFullscreen）{
document.exitFullscreen（）.catch（（）=>{}）；
}else if（document.webkitExitFullscreen）{
document.webkitExitFullscreen（）；
}else if（document.mozCancelFullScreen）{
document.mozCancelFullScreen（）；
}else if（document.msexit全屏）{
document.msExitFullscreen（）；
}
$（'#'+divID）.css（“最小高度，”）；
$（'.btnFullScreen'）.html（'全屏'）；
}
}

全屏单击可全屏显示

Try document.webkitExitFullscreen（）可能重复；而不是document.webkitcancellscreen（）；很抱歉，但是document.webkitExitFullscreen（）；也不起作用，我完全糊涂了：（刚刚推荐使用document.webkitExitFullscreen（）的链接；我说的对吗？可能是重复的