文本框 - >立即开始输入，而不是点击框

我有一个搜索栏，当我打开搜索栏时，我想立即开始输入，并且不想点击要发生的文本框。文本框 - >立即开始输入，而不是点击框

我试图使用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 –

回答