Layui 询问框回车键确认操作

最新推荐文章于 2026-02-26 16:00:23 发布

原创最新推荐文章于 2026-02-26 16:00:23 发布 · 1.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layui #前端 #javascript

该段代码展示了如何使用JavaScript的Layer库创建一个确认删除的弹窗。当弹窗出现时，它监听键盘事件，尤其是回车键，以便用户按下回车时执行确认操作，同时防止连续回车触发多次弹窗。点击确定和取消按钮分别执行相应的回调函数。

1、js

layer.confirm("确定删除吗",{
                btn: ['确定', '取消'],
                success: function (layero, index) {
                    this.enterEsc = function (event) {
                        if (event.keyCode == 13 ) {
                            //确认  执行的代码   
                        
                           //关闭弹窗
                            layer.close(index);
                            //取消连续回车键，导致不断弹出询问框                        
                           $(':focus').blur();
                        }
                    };
                  //监听键盘事件
                 $(document).on('keydown', this.enterEsc);
                },
                end: function () {
                  //取消键盘监听事件
                    $(document).off('keydown', this.enterEsc);
                },
                yes: function () {
                      //确认执行的代码
                },
                no: function () {

                }
}