/**
*
* @desc 全屏显示与取消全屏
* @html 全屏显示
*/
function toggleFullScreen() {
if (!document.fullscreenElement &&
!document.mozFullScreenElement && !document.webkitFullscreenElement) {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
document.getElementById("toggleFullScreen").innerText = "退出全屏";
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
document.getElementById("toggleFullScreen").innerText = "退出全屏";
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
document.getElementById("toggleFullScreen").innerText = "退出全屏";
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
document.getElementById("toggleFullScreen").innerText = "全屏显示";
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
document.getElementById("toggleFullScreen").innerText = "全屏显示";
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
document.getElementById("toggleFullScreen").innerText = "全屏显示";
}
}
};
// 监听Esc按键退出全屏事件
window.onresize = function () {
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
if (isFull === undefined) {
isFull = false;
}
if (!isFull) {
if (document.cancelFullScreen || document.mozCancelFullScreen || document.webkitCancelFullScreen) {
document.getElementById("toggleFullScreen").innerText = "全屏显示";
}
}
};
module.exports = toggleFullScreen;