焦点股利按钮后点击

问题描述：

<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。预先感谢:)

它的工作，你可能会混淆但重点用于跳到锚？ – Goombah

它的工作，你可能会困惑，你想要什么额外的功能？平滑滚动？ –

我想要的是，如果我点击它会指引我buttom滚动..发生在我身上的事情，即使我点击按钮已经不滚动下来.. –

答

它按预期工作。当你点击按钮时，你的div是焦点。

#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>

在按一下按钮，testing div有边框。

谢谢...伙计..嘿嘿 –

@ChoyRoman如果它适合你，将其标记为正确的答案。 – tilz0R

答

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

焦点股利按钮后点击

相关推荐