layer.cofirm，弹出层按钮获得焦点

原创于 2018-10-23 21:39:30 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了解决Layer.js确认框中按钮无法获得焦点的问题。通过为a标签添加'href'属性并设置为'javascript:void(0)'，使得按钮能够接收焦点，从而可以使用键盘操作进行交互。

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

用layer做提示，提示弹出之后发现确定按钮无法获得焦点，不能阻止项目中定义的键盘操作

后经过一番折腾，终于发现

layer.confirm的弹出层的按钮是用a标签做的，

而a标签没有href属性不能focus

所以解决方案：

var index = layer.confirm('提示',{
                area: [],
                icon: 7,
                title: '提示',
                btn: ['确定','取消'], //单击按钮
                btn1:function (index,layero){
                    layer.close(index);
                },
                success:function(layero){
                    var btn = layero[0].getElementsByClassName('layui-layer-btn')[0].getElementsByTagName('A')[0];    
                    btn.href = 'javascript:void(0)';
                    btn.focus();
                },
                end:function(){
                }
            })