关于focus()不生效的问题

有时候想让输入框自动获取标签，给它写了个focus()但是一直不生效。目前发现不生效的原因（PC端）有两种

还有一个原因是在iOS下无法触发focus事件，原因和解决方法请查看https://blog.csdn.net/jingjingshizhu/article/details/83090641

 

1、html的dom结构发生了变化。例如input框在一个类为input_box的div里面，而前面写了个事件把 input_box挪到了其他地方，挪的事件和focus函数同级，然后focus()一直不生效。如下

html：

<div class="input_box">
    <input type="text" placeholder="firstname" id="input">
</div>

<div id="input_wrap"></div>

js：

$("#input_wrap").html($(".input_box"));
$("#input").focus();

解决方法：

   给focus方法弄一个定时器

$("#input_wrap").html($(".input_box"));
    setTimeout(function(){
    $("#input").focus();
},500)

 

2.input隐藏了还没显示出来，如下图

focus方法比show方法先一步，而当时input还没显示，所以会觉得focus()没生效

解决方法：让input先show出来再focus，如下图

focus方法写在then方法里面