文字框 - >立即开始输入,而不是点击框

时间:2016-10-10 16:59:59

标签: javascript jquery textbox

我有一个搜索栏,当我打开搜索栏时,我想立即开始输入,并且不想点击文本框来实现这一点。

我尝试使用myTextBoxId.click()(因为当你点击它时,你可以开始输入),但它没有用。

6 个答案:

答案 0 :(得分:3)

你必须

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

将焦点设置在给定元素上。

答案 1 :(得分:2)

您可以在加载页面后设置焦点,或者在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" />

答案 2 :(得分:2)

既然你已经得到了17个相同的答案,那么新的怎么样!

HTML5具有执行此操作的自动对焦属性。不需要JS。

<input type='text' autofocus>

请参阅here

答案 3 :(得分:1)

您可以使用myTextBox.focus()来实现此目的。请注意,在focus()变量设置为指向实际文本框后,您可以致电myTextBox。请参阅:HTMLElement focus

答案 4 :(得分:1)

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

var myTextBoxId = document.getElementById("myTextBoxId")
myTextBoxId.focus();
<input id="myTextBoxId" />

答案 5 :(得分:1)

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

<强> Jquery的

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

<强>的Javascript

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

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