javascript - 加载页面时如何选择文本框中的内容？

Question

我正在开发一个应用程序，我希望在加载页面时选择一个文本字段，以便当用户使用 Ctrl + v 时，它将内容粘贴到文本框中。有谁知道该怎么做？文本字段是

<div>
    <input wicket:id="email-address" type="text" id="textbox-email" />
</div> 

谢谢！

Answer 1

3p3r 的答案当然是完全正确的。如果您希望它可以通过检票口重复使用和控制，请查看检票口维基页面。

Answer 2

您可以使用 HTML5 的autofocus属性：

<input type="text" autofocus />

当然只适用于一个领域。

Answer 3

您应该将重点放在您的输入上：

document.forms['your_form'].elements['your_textbox'].focus();

对于上面的示例：

document.getElementById('textbox-email').focus()

---

获得焦点后，您应该选择它：

要么将此onfocus属性添加到您的输入中（更好）

<input type="text" onfocus="this.select()" />

或者使用这个 jQuery 片段（最好的）：

$(document).ready(function() {
    $("#textbox-email").focus(function() { $(this).select(); } );
});

纯Javascript：

var element = document.getElementById('textbox-email');
element.onfocus = function() {element.select();}
document.getElementById('textbox-email').focus();

将整个事物添加到标签window.onload的onload属性中。body