Question

<input type="button" onclick="$('#c')[0].focus()" value="test focus"/>
<div>
    <div id="c" tabindex="1" style="margin-top:800px;">testing</div>
</div>

为什么这个Html代码不起作用。我想要的是点击后它将指向焦点div。提前感谢：）

Answer 1

它按预期工作。当您单击按钮时，您的div处于焦点。

sum

#c:focus {
  border: 1px solid red;
}

点击按钮，<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="button" onclick="$('#c')[0].focus()" value="test focus" /> <div> <div id="c" tabindex="1" style="margin-top:300px;">testing</div> </div> div有边框。

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$(document).ready(function(){

$("#mybutton").click(function(){

    // focus and select

   $('#c').focus().select();

})
})
</script>

//将id提供给按钮

<input type="button" id="mybutton" value="test focus" />
<div>
  <div id="c" tabindex="1" style="margin-top:300px;">testing</div>
</div>

按下Div后按钮单击

2 个答案: