亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JavaScript將焦點設置為HTML表單元素

JavaScript將焦點設置為HTML表單元素

海綿寶寶撒 2019-10-08 10:44:22
我有一個帶有文本框的Web表單。如何將焦點設置為默認情況下的文本框?像這樣:<body onload='setFocusToTextBox()'>所以有人可以幫我嗎?我不知道如何使用JavaScript將焦點設置到文本框。<script>function setFocusToTextBox(){//What to do here}</script>
查看完整描述

4 回答

?
蝴蝶刀刀

TA貢獻1801條經驗 獲得超8個贊

做這個。


如果您的元素是這樣的。


<input type="text" id="mytext"/>

您的腳本是


<script>

function setFocusToTextBox(){

    document.getElementById("mytext").focus();

}

</script>


查看完整回答
反對 回復 2019-10-08
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

對于它的價值,您可以autofocus在HTML5兼容的瀏覽器上使用該屬性。從版本10開始甚至可以在IE上使用。


<input name="myinput" value="whatever" autofocus />


查看完整回答
反對 回復 2019-10-08
?
呼如林

TA貢獻1798條經驗 獲得超3個贊

通常,當我們關注文本框時,還應該滾動到視圖中


function setFocusToTextBox(){

    var textbox = document.getElementById("yourtextbox");

    textbox.focus();

    textbox.scrollIntoView();

}

檢查是否有幫助。


查看完整回答
反對 回復 2019-10-08
?
慕仙森

TA貢獻1827條經驗 獲得超8個贊

如果您的代碼是:


<input type="text" id="mytext"/>

如果使用的是JQuery,則也可以使用此方法:


<script>

function setFocusToTextBox(){

    $("#mytext").focus();

}

</script>

請記住,您必須先繪制輸入 $(document).ready()


查看完整回答
反對 回復 2019-10-08
  • 4 回答
  • 0 關注
  • 590 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號