1、网页中一个按钮可全屏可缩小浏览器 及F11的作用 一般用于投屏展示化界面按钮绑定事件即可实现,一个放大一个缩小事件,您可以优化改为一个事件亦可
一、全屏展示方法
function requestFullscreen() {
// 检查浏览器是否支持全屏 API
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
// Firefox
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
// Chrome, Safari and Opera
document.documentElement.webkitRequestFullscreen();
} else if (document.documentElement.msRequestFullscreen) {
// IE/Edge
document.documentElement.msRequestFullscreen();
}
}
2、退出全屏方法
function exitFullscreen() {
// 检查浏览器是否支持退出全屏 API
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
// Firefox
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
// Chrome, Safari and Opera
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
// IE/Edge
document.msExitFullscreen();
}
}
希望可以帮到您!