jquery设置浏览器全屏

$(document).ready(function() {
    // 绑定全屏按钮的点击事件
    $('#fullscreen-btn').click(function() {
        var elem = document.documentElement; // 获取文档根元素
        if (elem.requestFullscreen) {
            elem.requestFullscreen();
        } else if (elem.mozRequestFullScreen) { // Firefox
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) { // Chrome, Safari and Opera
            elem.webkitRequestFullscreen();
        } else if (elem.msRequestFullscreen) { // IE/Edge
            elem.msRequestFullscreen();
        }
    });

    // 监听全屏状态变化事件
    document.addEventListener("fullscreenchange", function() {
        if (document.fullscreenElement) {
            console.log("进入全屏模式");
        } else {
            console.log("退出全屏模式");
        }
    });
});

<button id="fullscreen-btn">进入全屏</button>