vue中设置全屏和退出全屏,esc和f11的按键事件的特殊处理

//mounted中
	//本来想直接禁掉esc的键盘按下的默认行为的,但是浏览器会有个提示,并且百度看了众多解决方案,这个提示貌似不好去掉
    // if (navigator.keyboard && navigator.keyboard.lock) {
   
    //   // 禁用esc退出全屏
    //   navigator.keyboard.lock(['Escape'])
    // } else {
   
    //   console.log('您的浏览器上不支持该功能')
    // }
    //这个方式去监听F11,会有监听不到的情况
    // document.onkeydown = (e) => {
   
    //   console.log('e: ', e)
    //   if (e.code === 'F11') e.preventDefault()
    // }
    
    window.addEventListener('keydown', function(event) {
   
      //禁掉F11的全屏的默认事件,不会禁止F11的退出全屏
      const e = event || window.event
      if (e && e.keyCode === 122) {
   
        e.preventDefault()
      }
    })
    document