layer的alert、prompt等操作如何响应键盘的回车和ESC操作

转载于 2018-05-29 20:01:00 发布 · 882 阅读

文章标签：

本文介绍如何使用layer弹窗组件创建一个输入框来获取用户输入，并通过JavaScript进行登录验证。具体实现了通过键盘回车键触发验证及点击确定按钮进行验证的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        layer.prompt({title: '请输入数据', 
　　　　　　　formType: 1,   //隐藏用户输入内容
            // 这个是确定按钮的事件
            "success":function(){
                // 键盘事件，判断回车
                $("input.layui-layer-input").on('keydown',function(e){
                    if (e.which == 13) {
                        // 取输入框数据 和123456 比较
                        if("123456" == $(this).val()){
                            alert('你点击了回车按钮！');
                            layer.close(1);
                        }
                    }
                });
            },
            // 点击确定按钮事件
            yes : function(){
                // 取输入框数据
                var pass =$(document.getElementsByClassName('layui-layer-input')[0]).val();
                if("123456" == pass){
                    alert('你点击了确定按钮!');s
                    layer.close(1);
                }
            }
        });