js实现看板全屏功能

界面示意图

界面关键部分

<img class="fullImg" src="/Images/full.png" onclick="fullScreen()" />

js关键部分

function fullScreen() {
    
    var dd = document.documentElement
    var isFull = isFullScreen();
    if (!isFull) {
    
        if (dd.requestFullscreen) {
    
            dd.requestFullscreen();
        } else if (dd.mozRequestFullScreen) {
    
            dd.mozRequestFullScreen();
        } else if (dd.webkitRequestFullScreen) {
    
            dd.webkitRequestFullScreen();
        }
    } else {
    
        var de = document;
        if (de.exitFullscreen) {
    
            de.exitFullscreen();
        } else if (de.mozCancelFullScreen) {
    
            de.mozCancelFullScreen();
        } else if (de.webkitCancelFullScreen) {
    
            de.webkitCancelFullScreen();
        }
    }
}
function isFullScreen() {
    
    return !!(
        document.fullscreen ||
        document.mozFullScreen ||
        document.webkitIsFullScreen ||
        document.webkitFullScreen ||
        document.msFullScreen
    );
}