Use JavaScript to place cursor in a Chrome text input element

Question

I've been working on sending text to an input element in Chrome and I noticed that, unlike in IE or FF, calling .focus() does not put the cursor in the text area. So does anyone know of an alternative for placing the cursor on a Chrome input element?

I never had problems triggering focus() on Chrome, could you post some code? — Christian C. Salvadó
– Christian C. Salvadó, Commented May 18, 2010 at 5:05

Ascalonian · Accepted Answer · 2010-05-18 15:32:34Z

2

I have no issues either. Here is an simple HTML file I have that works in Chrome:

<html>
<body>

<textarea id="ta1"></textarea>
<br />
<textarea id="ta2"></textarea>
<br />
<textarea id="ta3"></textarea>

<script>
document.getElementById("ta2").focus();
</script>

</body>
</html>

Are you putting the script section above or below the textareas?

answered May 18, 2010 at 15:32

Ascalonian

15.3k19 gold badges75 silver badges107 bronze badges

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

Comments

Samuel · Accepted Answer · 2010-05-18 15:25:47Z

0

Here's some of the code I'm using:

var event = document.createEvent("HTMLEvents");

event.initEvent("focus", true, true);

element.dispatchEvent(event);

answered May 18, 2010 at 15:25

Samuel

1

1 Comment

Samuel Over a year ago

Thanks guys, now it's working. Apparently calling dispatchEvent wasn't doing it, but calling .focus() directly does work!

Collectives™ on Stack Overflow

Use JavaScript to place cursor in a Chrome text input element

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related