jsはブラウザの全画面表示と全画面表示を実現し、chromeの下でF 11が全画面表示になった後に全画面表示APIを表示する方法の失効を解決する


1.問題の説明
フルスクリーンとフルスクリーンを脱退するのは実はすでに1つのとてもよくある机能で、それは直接HTML 5フルスクリーンAPIを使うかどうかは问题ありませんが、キーボードの上のF 11が同じ机能を持っていることを忘れないでください.HTML 5のフルスクリーンAPIでフルスクリーンを脱退すると役に立たない(一軒ではなく、相談していないでしょう!)
2.全画面表示と全画面表示の終了
//                                

//   17                 
var isFull = Math.abs(window.screen.height-window.document.documentElement.clientHeight) <= 17

window.onresize = function () {
    isFull = Math.abs(window.screen.height-window.document.documentElement.clientHeight) <= 17
}

//   F11     , HTML5  API  
window.addEventListener('keydown', function (e) {
    e = e || window.event
    if (e.keyCode===122 && !isFull) {
        e.preventDefault()
        enterFullScreen()
    }
})


 //          

   function enterFullScreen () {
      let el = document.documentElement
      let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen
      if (rfs) { // typeof rfs != "undefined" && rfs
        rfs.call(el)
      } else if (typeof window.ActiveXObject !== 'undefined') {
        // for IE,              F11,      
        let wscript = new ActiveXObject('WScript.Shell')
        if (wscript != null) {
          wscript.SendKeys('{F11}')
        }
      }
    }

    //     
    function exitFullScreen () {
      let el = document
      let cfs = el.cancelFullScreen || el.mozCancelFullScreen || el.msExitFullscreen || el.webkitExitFullscreen || el.exitFullscreen
      if (cfs) { // typeof cfs != "undefined" && cfs
        cfs.call(el)
      } else if (typeof window.ActiveXObject !== 'undefined') {
        // for IE,   fullScreen  ,    F11     
        let wscript = new ActiveXObject('WScript.Shell')
        if (wscript != null) {
          wscript.SendKeys('{F11}')
        }
      }
    },

3.問題解決Document.exitFullscreen()メソッドは、現在のドキュメントをフルスクリーンモードから終了させるために使用される(原文の記述は不正確であり、詳細は注釈を参照).このメソッドを呼び出すと、前の呼び出しElement.requestFullscreen()メソッドがフルスクリーンモードに入る前の状態にドキュメントが戻ります.
備考:1つの要素Aがフルスクリーンモードを要求する前に、すでに他の要素がフルスクリーン状態にある場合、この要素Aがフルスクリーンモードを終了した後も、前の要素はフルスクリーン状態にあります.ブラウザ内では、この目的を達成するためにフルスクリーン要素スタックが維持されています.
document.exitFullScreen()の実際の役割の説明
 
この文章は実際に問題に遭遇した記録を開発するために、同類の問題に遭遇した私たちを助けることができることを望んで、もし説明の間違いがあれば、皆さんの指摘を歓迎して、必ず訂正します!