[Layui]主页全面显示，ESC退出
Posted 厦门德仔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[Layui]主页全面显示，ESC退出相关的知识，希望对你有一定的参考价值。
#主页全面显示，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
以上是关于[Layui]主页全面显示，ESC退出的主要内容，如果未能解决你的问题，请参考以下文章