网页锁屏

2021-03-02 05:27

阅读:415

标签:===   type   输入   function   判断   page   window   解锁   span   

基于layui的锁屏功能

 //锁屏
            function lockPage() {
                layer.open({
                    title: false,
                    type: 1,
                    content: $("#lock-box"),
                    closeBtn: 0,
                    shade: 0.9
                });
            };

            $("#SP").on("click",
                function() {
                    window.sessionStorage.setItem("lockcms", true);
                    lockPage();
                });
            // 判断是否显示锁屏
            if(window.sessionStorage.getItem("lockcms") == "true"){
                lockPage();
            };
            // 解锁
            $("#unlock").on("click", function () {
                
                if($(this).siblings(".admin-header-lock-input").val() == ‘‘){
                    layer.msg("请输入解锁密码!");
                } else {
                    var pwd = $(this).siblings(".admin-header-lock-input").val();
                    $.ajax({
                        url: "/home/jiesuo?pwd="+pwd,
                        dataType: ‘json‘,
                        data: "",//将参数Json化,在传递给后台控制器
                        contentType: "application/json",
                        type: ‘post‘,
                        success: function (result) {
                            if (result==="true") {
                                window.sessionStorage.setItem("lockcms",false);
                                $("#lockPwd").val(‘‘);
                                layer.closeAll("page");
                            } else {
                                layer.msg("密码错误,请重新输入!");
                            }
                        }
                    });
                }
            });
            $(document).on(‘keydown‘, function() {
                if(event.keyCode == 13) {
                    $("#unlock").click();
                }
            });

 

网页锁屏

标签:===   type   输入   function   判断   page   window   解锁   span   

原文地址:https://www.cnblogs.com/jickcap/p/14356787.html


评论


亲,登录后才可以留言!