layer提示框回车自动触发按钮事件

返回
Author Avatar
钢翼
2021-04-25
编程
57

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(); 
	}
});