html - 如何自动显示文本区域光标？

Question

你们能告诉我如何自动显示文本区域光标吗？通常当我点击文本区域时，我有一个文本光标。有没有可能直接显示出来？

Answer 1

设置autofocus attribute在控件上。请注意，这需要浏览器支持 HTML 5 草案的特定部分。

<textarea rows="4" cols="30" autofocus></textarea>

也可以用 JavaScript 设置它，但这会干扰页面的正常使用(尤其是使用焦点阅读的屏幕阅读器)(autofocus 属性也可以，但它至少是标准的因此可以编写屏幕阅读器软件来解决它)。

我不推荐的 JavaScript 技术是:

<textarea rows="4" cols="30" id="mytextarea"></textarea>
<script> document.getElementById('mytextarea').focus(); </script>

请注意，这不使用 onload 事件。该事件直到整个文档(包括图像等依赖项)加载完毕后才会触发，因此通常会有很长的延迟，用户可能会在这段时间内开始与页面进行交互。在该点之后设置焦点可能会破坏用户在中间的任何内容。