Question

下面的代码应该关注第二个div，但是这个代码中的错误不起作用？

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

为什么这段代码无法专注于所需的div？

1 个答案: