Layui弹框中设置输入框自动获取焦点无效/Layui设置Input框自动获取焦点无效,怎么办？

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表单--刷新