想要實現(xiàn)自動進入全屏,無奈api不支持,只能通過用戶行為觸發(fā);思路可以這樣,如果整個項目都需要全屏,有登錄頁的,可以在登錄事件中觸發(fā);單頁面的話可以在全屏的上一個頁面的跳轉(zhuǎn)前觸發(fā),退出該頁面事件再觸發(fā)退出全屏即可
//退出全屏
onExitScreen() {
console.log("嘀嘀嘀")
let el = document;
let cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;
if (cfs) {
cfs.call(el);
} else if (typeof window.ActiveXObject !== "undefined") {
let wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
},
//進入全屏
handleFullScreen() {
console.log("點擊")
let element = document.documentElement;
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
} else {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}
this.fullscreen = !this.fullscreen;
}
}
代碼來自網(wǎng)絡(luò),僅學(xué)習(xí)使用