焦點股利按鈕後點擊

<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。預先感謝:)

來源

2017-08-11 Choy Roman

它的工作，你可能會混淆但重點用於跳到錨？ – 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有邊框。

來源

2017-08-11 06:59:45 tilz0R

謝謝...夥計..嘿嘿 –

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

來源

2017-08-11 07:10:58

焦點股利按鈕後點擊

回答

相關問題