layer提示框回车自动触发按钮事件
钢翼
编程
layer作为一款流行的弹窗控件。在使用中发现,弹窗得通过鼠标点击才能触发默认按钮的方式不是很方便。
所以研究了下通过回车触发默认按钮的点击事件。
其实方法很简单,就是让按钮获取焦点,然后就可以通过回车触发按钮事件了。
其实layer渲染按钮是通过a标签,但是他并没有href属性,a标签没有href是无法触发回车事件的,所以我们得给他加上。
var index = layer.msg(msg, {
time: 0, //0不关闭
btn: ['确定'],
yes: yes,//你的确定事件
shade: 0.5,
shadeClose: false,
type: 1,
success: function (layero) {
//第一个按钮增加href属性
layero.find(".layui-layer-btn0").attr("href","javascript:;");
//第一个按钮获取焦点
layero.find(".layui-layer-btn0")[0].focus();
}
});