网页中全屏按钮事件

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();
    }
}

希望可以帮到您！