欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

Easyui---模态对话框实现ESC键一键锁屏(输入密码解锁)

程序员文章站 2022-03-30 14:08:33
...
1 功能

??通过按ESC键,促发模态对话框,从而使除了对话框之外的界面都不能操作,这样能够在工作人员离开时,防止别人操作页面,而只能通过本人的密码才能解除锁屏。

Easyui---模态对话框实现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:''">