【js】使用requestFullscreen进行某个元素的全屏以及退出全屏

function fullScreenHandle() {
    document.querySelector('.dom')?.requestFullscreen();
}

function shrink() {
    document.exitFullscreen();
}

监听当前是放大还是缩小状态：

 window.addEventListener('fullscreenchange', (e) => {
    if (document.fullscreenElement) {
        // 全屏状态
    }
    else {
        // 非全屏状态
    }
});