root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed: 解决全屏问题

master
zhizous 2019-11-07 22:21:34 +08:00
parent ddd79e6e99
commit 086390593e
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -52,6 +52,7 @@
</a>
</li>
<!-- 全屏 -->
<li class="layui-nav-item layui-hide-xs">
<a id="fullScreen" class=" pr10 pl10" href="javascript:">
<i class="layui-icon layui-icon-screen-full"></i>

17
js/okadmin.js
View File

@ -148,29 +148,34 @@ layui.use(["element", "layer", "okUtils", "okTab", "okLayer", "okContextMenu"],
});
/**
* 全屏/退出全屏
* 键盘的事件监听
*/
$("body").on("keydown", function (event) {
event = event || window.event || arguments.callee.caller.arguments[0];
// 按 Esc
if (event && event.keyCode === 27) {
console.log("Esc");
$("#fullScreen").children("i").eq(0).removeClass("okicon-screen-restore");
$("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore");
}
// 按 F11
if (event && event.keyCode == 122) {
$("#fullScreen").children("i").eq(0).addClass("okicon-screen-restore");
console.log("F11");
$("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore");
}
});
/**
* 全屏/退出全屏
*/
$("body").on("click", "#fullScreen", function () {
if ($(this).children("i").hasClass("okicon-screen-restore")) {
if ($(this).children("i").hasClass("layui-icon-screen-restore")) {
screenFun(2).then(function () {
$(this).children("i").eq(0).removeClass("okicon-screen-restore");
$("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore");
});
} else {
screenFun(1).then(function () {
$(this).children("i").eq(0).addClass("okicon-screen-restore");
$("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore");
});
}
});