[Layui]主页全面显示，ESC退出

Posted 2022-03-19 厦门德仔

#主页全面显示，ESC退出

效果：

           <!-- 全屏按钮 -->
                <li class="layui-nav-item">
                    <a href="#" data-toggle="fullscreen"><i class="layui-icon layui-icon-screen-full"></i></a>
                </li>

html:

            //全屏事件 --star
            $(document).on('click', "[data-toggle='fullscreen']", function () 
                var doc = document.documentElement;
                if ($(document.body).hasClass("full-screen")) 
                    $(document.body).removeClass("full-screen");
                    document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
                 else 
                    $(document.body).addClass("full-screen");
                    doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
                
            );
            // --end