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

Question

我有一個搜索欄，當我打開搜索欄時，我想立即開始輸入內容，並且不想單擊文本框來進行更改。

我嘗試使用myTextBoxId.click() （因為當您單擊它時，您可以開始輸入），但是它不起作用。

Answer 1

你必須

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

將重點放在給定的元素上。

Answer 2

您可以在加載頁面后設置焦點，也可以在鍵盤按下時觸發焦點（通過這種方式，即使您將焦點設置在輸入之外-當您開始鍵入焦點時，焦點也會再次到達該位置）。

 $(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" />

Answer 3

既然您有17個相同的答案，那么一個新答案呢！

HTML5具有執行此操作的自動對焦屬性。 不需要JS。

<input type='text' autofocus>

看這里。

Answer 4

您可以使用myTextBox.focus()實現此目的。 請注意，在將myTextBox變量設置為指向實際文本框后，可以調用focus() 。 請參閱： HTMLElement focus

Answer 5

使用.focus()而不是.focus() .click()

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

 <input id="myTextBoxId" />

Answer 6

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

jQuery的 ：

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

Javascript ：

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

要么

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

文本框-&gt;立即開始輸入，而不是單擊該框