Easyui---模态对话框实现ESC键一键锁屏(输入密码解锁)
程序员文章站
2022-04-27 21:37:48
...
1 功能
??通过按ESC
键,促发模态对话框,从而使除了对话框之外的界面都不能操作,这样能够在工作人员离开时,防止别人操作页面,而只能通过本人的密码才能解除锁屏。
2 功能实现
??通过jQuery的按键松开检测事件keyup(),当按下ESC
松开时,会触发该事件,从而进入事件的运行函数keyup(),在这个函数里面我们将模态对话框调出来,从而锁屏。
??锁屏后,模态对话框中可以输入密码和提交,将输入的内容进行ajax判断,密码正确则关闭模态对话框,密码错误不动作。
keyup事件运行函数
$(document).keyup(function(event){switch(event.keyCode){
case27:
{
//检测按键:ESC,锁住网页//alert("ESC");
$('#dlg-lock').dialog('open').dialog('center');
$('#lock_form').form('clear');
}
break;
}
});
模态对话框
divid="dlg-lock"class="easyui-dialog"style="width:360px;height:120px;"data-options="closed: true,modal:true,title:''">
上一篇: python怎么实现canopy聚类
下一篇: JavaScript趣题:这是哪个世纪?