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> </a>
</li> </li>
<!-- 全屏 -->
<li class="layui-nav-item layui-hide-xs"> <li class="layui-nav-item layui-hide-xs">
<a id="fullScreen" class=" pr10 pl10" href="javascript:"> <a id="fullScreen" class=" pr10 pl10" href="javascript:">
<i class="layui-icon layui-icon-screen-full"></i> <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) { $("body").on("keydown", function (event) {
event = event || window.event || arguments.callee.caller.arguments[0]; event = event || window.event || arguments.callee.caller.arguments[0];
// 按 Esc // 按 Esc
if (event && event.keyCode === 27) { if (event && event.keyCode === 27) {
console.log("Esc"); console.log("Esc");
$("#fullScreen").children("i").eq(0).removeClass("okicon-screen-restore"); $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore");
} }
// 按 F11 // 按 F11
if (event && event.keyCode == 122) { 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 () { $("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 () { screenFun(2).then(function () {
$(this).children("i").eq(0).removeClass("okicon-screen-restore"); $("#fullScreen").children("i").eq(0).removeClass("layui-icon-screen-restore");
}); });
} else { } else {
screenFun(1).then(function () { screenFun(1).then(function () {
$(this).children("i").eq(0).addClass("okicon-screen-restore"); $("#fullScreen").children("i").eq(0).addClass("layui-icon-screen-restore");
}); });
} }
}); });