javascript - 为什么此代码无法专注于所需的 div？

Question

下面的代码应该关注第二个 div 但它不起作用这段代码有什么问题？

$(function(){
    $("#two").focus();
});

body{color:white;}
#fis{height:600px;width: 60px;background-color:red;}
#two{height:600px;width: 60px;background-color:green;}
#thr{height:600px;width: 60px;background-color:blue;}

<div id="fis">hello
</div>
<div id='two'>mr
</div>
<div id='thr'>john
</div

Answer 1

你应该为此使用tabindex。

<div id='two' tabindex='1'>mr
</div>

检查更新的代码段；

$(function(){
    $("#two").focus();
});

body{color:white;}
#fis{height:600px;width: 60px;background-color:red;}
#two{height:600px;width: 60px;background-color:green;}
#thr{height:600px;width: 60px;background-color:blue;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="fis">hello
</div>
<div id='two' tabindex='1'>mr
</div>
<div id='thr'>john
</div>

Working Fiddle