1、问题概述?
有时候为了用户体验,期望当弹框打开的时候,指定的输入框能自动的获取焦点,用户就可以直接输入了。提升了用户体验。但有时候设置的时候没有效果。
2、正常的设置自动获取焦点方式
【input框设置方式】
使用关键字autofocus
<input type="text" required lay-verify="required" id="test" placeholder="请输入内容" autocomplete="off" class="layui-input" autofocus>
【弹框设置】
在弹框的最后,需要刷新form表单
//刷新form表单的input组件
form.render("input");
//刷新form表单--刷新全部
form.render();
3、如果没有效果,你不妨换个思路
Layui的本质还是JavaScript,我们完全可以使用JS代码或者jQuery实现让输入框自动获取焦点焦点。
【通过JavaScript设置输入框获取焦点】
需要注意的是,设置之后,依旧需要刷新form表单。
//设置焦点自动获取
document.getElementById('test').focus();
//刷新form表单--刷新