文本框 - >立即開始輸入，而不是點擊框

我有一個搜索欄，當我打開搜索欄時，我想立即開始輸入，並且不想點擊要發生的文本框。文本框 - >立即開始輸入，而不是點擊框

我試圖使用myTextBoxId.click()（因爲當你點擊它，你可以開始輸入），但它不起作用。

改爲使用'myTextBoxId.focus（）'。 – Mohammad

你必須

document.getElementById(" <put your Id here> ").focus();

將焦點設置給定元素上。

2016-10-10 17:01:23 Syntac

您可以在加載頁面後設置焦點，或者在keydown上觸發焦點（這種方式即使您將焦點設置在輸入之外 - 當您開始輸入焦點時，焦點將再次到達）。

$(function() { 
 
    $('#searchbox').focus(); 
 

 
    $(document).on('keydown', function() { 
 
    $('#searchbox').focus(); 
 
    }); 
 
});

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

2016-10-10 17:03:26 Dekel

您可以使用myTextBox.focus()來實現這一目標。請注意，您可以在myTextBox變量設置爲指向您的實際文本框之後致電focus()。請參閱：HTMLElement focus

2016-10-10 17:06:33

使用.focus()代替.click()

var myTextBoxId = document.getElementById("myTextBoxId") 
 
myTextBoxId.focus();

<input id="myTextBoxId" />

2016-10-10 17:06:39

如果<input id="myTextBoxId" />，您可以使用以下腳本

jQuery的：

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

的Javascript：

window.onload = function() { 
document.getElementById("myTextBoxId").focus(); 
};

或

<body onLoad="document.getElementById('myTextBoxId').focus();">

2016-10-10 17:08:25

，因爲你已經得到了相同的答案的17，怎麼樣一個新的！

HTML5有一個自動對焦屬性可以做到這一點。不需要JS。

<input type='text' autofocus>

請參閱here。

2016-10-10 17:16:03

不錯:)從我那裏得到了+1。 – Dekel

注意：這在iframe中不起作用。它不能從父窗口竊取焦點。（推動試圖編輯問題的人把它放在小代碼編輯器中） –

回覆@Dekel –

回答