forgeplus-react/src/utils/fullscreen.ts

96 lines
3.0 KiB
TypeScript

export function requestFullScreen(element: any) {
try {
if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
} catch (e) {
console.log(e, ":e")
}
}
export function exitFull() {
if (window.top.document.webkitExitFullscreen) {
window.top.document.webkitExitFullscreen()
} else if (document.exitFullscreen) {
window.top.document.exitFullscreen()
} else if (document.msExitFullscreen) {
window.top.document.msExitFullscreen()
} else if (document.mozCancelFullScreen) {
window.top.document.mozCancelFullScreen()
}
}
// esliint disabled
export const fullscreenChange = () => {
//['fullscreenchange','msfullscreenchange','webkitfullscreenchange', 'mozfullscreenchange']
if (document.webkitExitFullscreen) {
// document.webkitExitFullscreen()
return 'webkitfullscreenchange'
} else if (document.exitFullscreen) {
// document.exitFullscreen()
return 'fullscreenchange'
} else if (document.msExitFullscreen) {
// document.msExitFullscreen()
return 'msfullscreenchange'
} else if (document.mozCancelFullScreen) {
// document.mozCancelFullScreen()
return 'mozfullscreenchange'
}
}
//判断是否全屏
export function IsFull() {
var fullscreenElement =
window.top.document.fullscreenElement
|| window.top.document.mozFullscreenElement
|| window.top.document.webkitFullscreenElement;
var fullscreenEnabled =
document.fullscreenEnabled
|| document.mozFullscreenEnabled
|| document.webkitFullscreenEnabled;
if (fullscreenElement == null) {
return false;
} else {
return true;
}
}
// document.addEventListener("mozfullscreenchange", function (event) {
// console.log("mozfullscreenchange ", event);
// if (IsFull()) {
// console.log('进入全屏')
// $("#closescreen").show();
// $("#openscreen").hide();
// } else {
// console.log('退出全屏')
// $("#closescreen").hide();
// $("#openscreen").show();
// }
// });
// document.addEventListener("webkitfullscreenchange", function (event) {
// console.log("webkitfullscreenchange", event);
// if (IsFull()) {
// console.log('进入全屏')
// $("#closescreen").show();
// $("#openscreen").hide();
// } else {
// console.log('退出全屏')
// $("#closescreen").hide();
// $("#openscreen").show();
// }
// });
// document.addEventListener("msfullscreenchange", function (event) {
// console.log("msfullscreenchange", event);
// if (IsFull()) {
// console.log('进入全屏')
// $("#closescreen").show();
// $("#openscreen").hide();
// } else {
// console.log('退出全屏')
// $("#closescreen").hide();
// $("#openscreen").show();
// }
// });