解决html进入全屏模式下监听按下esc失效的问题

最近在项目中需要做一个html全屏展示，但是展示的内容上附带按钮，想在全屏模式下隐藏按钮然后再退出全屏时按钮又显示，但是之前发现监听key键盘事件是无效的，所以这里采用了另一种方法来解决问题。直接上代码。

这里是点击按钮全屏地图事件

var btns = document.getElementById("btns");
function fullClick() {
  btns.style.display = "none"
  var el = document.getElementById("map"); // 这里作者要让地图板块全屏，如果想所有网页全屏直接就写document.documentElement
    var rfs =
      el.requestFullScreen ||
      el.webkitRequestFullScreen ||
      el.mozRequestFullScreen ||
      el.msRequestFullScreen;
    if (rfs) {
      rfs.call(el);
    } else if (typeof window.ActiveXObject !== "undefined") {
      var wscript = new ActiveXObject("WScript.Shell");
      if (wscript != null) {
        wscript.SendKeys("{F11}");
      }
    }
}

在退出全屏中监听按下esc事件

function exitFullScreen() {
     var isFull = document.webkitIsFullScreen ;
     if (!isFull) {
         // 在这里写上你的监听处理事件就行
         btns.style.display = "block"
     }
 }
document.addEventListener("webkitfullscreenchange", exitFullScree);