js | 点击触发浏览器全屏显示【 requestFullscreen()】

MDN文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullScreen

 

 

 

        let fullscreen;
        let fsEnter = document.getElementById('fullscr');
        fsEnter.addEventListener('click', function(e) {
            e.preventDefault();
            if (!fullscreen) {
                fullscreen = true;
                document.documentElement.requestFullscreen();
                fsEnter.innerHTML = "Exit Fullscreen";
            } else {
                fullscreen = false;
                document.exitFullscreen();
                fsEnter.innerHTML = "Go Fullscreen";
            }
        });

 

posted @ 2021-07-20 17:04  wangmeihao  阅读(412)  评论(0编辑  收藏  举报