jsはブラウザの全画面表示と全画面表示を実現し、chromeの下でF 11が全画面表示になった後に全画面表示APIを表示する方法の失効を解決する
1.問題の説明
フルスクリーンとフルスクリーンを脱退するのは実はすでに1つのとてもよくある机能で、それは直接HTML 5フルスクリーンAPIを使うかどうかは问题ありませんが、キーボードの上のF 11が同じ机能を持っていることを忘れないでください.HTML 5のフルスクリーンAPIでフルスクリーンを脱退すると役に立たない(一軒ではなく、相談していないでしょう!)
2.全画面表示と全画面表示の終了
3.問題解決
備考:1つの要素Aがフルスクリーンモードを要求する前に、すでに他の要素がフルスクリーン状態にある場合、この要素Aがフルスクリーンモードを終了した後も、前の要素はフルスクリーン状態にあります.ブラウザ内では、この目的を達成するためにフルスクリーン要素スタックが維持されています.
document.exitFullScreen()の実際の役割の説明
この文章は実際に問題に遭遇した記録を開発するために、同類の問題に遭遇した私たちを助けることができることを望んで、もし説明の間違いがあれば、皆さんの指摘を歓迎して、必ず訂正します!
フルスクリーンとフルスクリーンを脱退するのは実はすでに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()の実際の役割の説明
この文章は実際に問題に遭遇した記録を開発するために、同類の問題に遭遇した私たちを助けることができることを望んで、もし説明の間違いがあれば、皆さんの指摘を歓迎して、必ず訂正します!