jquery - jQuery .focus() 突出显示所有预填充的文本

Question

HTML

<input id="formloginusername" type="text" name="username" placeholder="Username" value="Pre-filled-from-database"></input>

JS：

$(document).ready(function() {
    $("#formloginusername").focus();
});

问题：

突出显示文本“Pre-filled-from-database”。我只希望光标显示在字段中，就好像用户在填充文本后单击它一样。

谢谢！

score 14 · Accepted Answer

这是一个漂亮的小技巧......

$(document).ready(function() {
    var $field = $("#formloginusername"),
        oldVal = $field.val();
    $field.focus().val('').val(oldVal);
});

score 0 · Accepted Answer

0

只需这样做：

$('#field').focus().val($("#field").val());

于 2014-01-02T04:01:16.643 回答

score 0 · Accepted Answer

Hopstream，我使用您的方法在 Chrome 中发现光标位于文本末尾。我需要一种方法让光标集中在字段的开头而不突出显示文本。这对我有用：

$('#ElementID').each(function () { $(this).focus(); this.selectionEnd = this.selectionStart; });

3 回答 3