使用 JavaScript 将光标置于 Chrome 文本输入元素中答案

【问题标题】：Use JavaScript to place cursor in a Chrome text input element使用 JavaScript 将光标置于 Chrome 文本输入元素中
【发布时间】：2010-05-18 04:52:43
【问题描述】：

我一直致力于将文本发送到 Chrome 中的输入元素，我注意到，与 IE 或 FF 不同，调用 .focus() 不会将光标放在文本区域中。那么有人知道将光标放在 Chrome 输入元素上的替代方法吗？

【问题讨论】：

我在 Chrome 上触发 focus() 时从来没有遇到过问题，你能发布一些代码吗？

标签： javascript google-chrome cursor textarea textinput

【解决方案1】：

我也没有问题。这是我在 Chrome 中工作的一个简单的 HTML 文件：

<html>
<body>

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

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

</body>
</html>

你是把脚本部分放在文本区域的上面还是下面？

【讨论】：

【解决方案2】：

这是我正在使用的一些代码：

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

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

element.dispatchEvent(event);

【讨论】：

谢谢大家，现在它正在工作。显然调用 dispatchEvent 并没有这样做，但是直接调用 .focus() 确实有效！