2. Algorithm
  3. javascript - Text box -> start typing right away instead of clicking the box - Stack Overflow

javascript - Text box -> start typing right away instead of clicking the box - Stack Overflow

admin2025-04-09  1

I have a search bar, and when I open the search bar I want to start typing right away and do not want to click on the text box for that to happen.

I tried to use myTextBoxId.click() ( because when you click it, you can start typing ) but it didn't work.

I have a search bar, and when I open the search bar I want to start typing right away and do not want to click on the text box for that to happen.

I tried to use myTextBoxId.click() ( because when you click it, you can start typing ) but it didn't work.

  • javascript
  • jquery
  • textbox
Share Improve this question edited Oct 10, 2016 at 17:50 Vaibhav Mule 5,1464 gold badges37 silver badges52 bronze badges asked Oct 10, 2016 at 16:59 Hen EliezerHen Eliezer 213 bronze badges 1
  • 1 Use myTextBoxId.focus() instead. – Mohammad Commented Oct 10, 2016 at 17:01
Add a ment  | 

6 Answers 6

Reset to default 3

You have to

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

to set focus on the given element.

You can set the focus once you load the page, or trigger the focus on keydown (this way even if you set the focus out of the input - when you start typing the focus will get there again).

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

  $(document).on('keydown', function() {
    $('#searchbox').focus();
  });
});
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="searchbox" />

since you've got 17 of the same answer, how about a new one!

HTML5 has an autofocus attribute that does this. no JS required.

<input type='text' autofocus>

See here.

Use .focus() instead of .click()

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

If <input id="myTextBoxId" />, you can use following scripts

Jquery:

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

Javascript:

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

or

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

You can use myTextBox.focus() to achieve this. Note that you can call focus() after myTextBox variable is set to point to your actual text box. See: HTMLElement focus

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1744203476a235912.html

javascriptText box gt start typing right away instead of clicking the boxStack Overflow

最新回复(0)