使用 jQuery 将焦点设置在预填充的表单字段上答案

【问题标题】：Use jQuery to set focus on a prefilled form field使用 jQuery 将焦点设置在预填充的表单字段上
【发布时间】：2014-03-12 08:06:34
【问题描述】：

当加载了包含表单的页面并且第一个输入文本字段具有值时，焦点会自动跳转到第二个字段。

如何将焦点设置在第一个字段上并选择预填充文本/值？ - 我不希望光标位于预填充文本/值的末尾。

【问题讨论】：

标签： jquery html forms select focus

【解决方案1】：

使用自动对焦：

<form name="test">
    <label for="name">Name</label>
    <input type="text" name="name" value="Alexandre" autofocus />

    <label for="email">E-mail</label>
    <input type="email" name="email" value="" />
</form>

见JSFiddle

【讨论】：

您使用的是什么浏览器？不幸的是，我既看不到你的小提琴，也看不到我在 firefox (24.3) 中工作的表单。
我使用的是 chrome 33，但我在 firefox 27.0.1 中测试过，它也可以工作。

【解决方案2】：

要使用的解决方案

$(yourElement).select();

问题是，一些自制的对话框框架将我正在使用的 $(document).ready(function(){...}) 变成了 foobar。

通过将我的 .select() 移动到处理 afterLoad 的对话框框架函数，我能够解决问题。

【讨论】：