How to move the cursor into a input text box by clicking on html button?

Question

Hi Can anybody tell me How to move the cursor into a input text box by clicking on html button ?

Answered here: stackoverflow.com/questions/15859113/focus-not-working by @justin-warkentin — samuelkobe
– samuelkobe, Commented Apr 7, 2015 at 9:00

ProGM · Accepted Answer · 2014-03-04 18:23:51Z

3

Try this:

document.getElementById("textbox").focus();

ProGM

7,1284 gold badges36 silver badges55 bronze badges

answered Mar 4, 2014 at 13:44

Rokin

414 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Geo · Accepted Answer · 2014-03-04 14:20:38Z

2

HTML:

<input type="text" id="my_textbox" value="My Text" />
<button id="my_button">Focus</button>

JS:

document.getElementById('my_button').onclick = function() {
    document.getElementById('my_textbox').focus();
};

Example:

answered Mar 4, 2014 at 14:20

Geo

13.1k4 gold badges46 silver badges56 bronze badges

عثمان غني · Accepted Answer · 2014-03-04 14:13:55Z

1

You can just do it by using jQuery as follows:

Include jquery in HTML HEAD section then

$( "#button" ).click(function() {
$( "#targetinput" ).focus();
});

Or without jquery you can do it using

getElementByID("targetinput").focus();

answered Mar 4, 2014 at 13:41

عثمان غني

2,7056 gold badges55 silver badges82 bronze badges