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();
});

问题：

突出显示“预填充数据库”文本。我只希望光标在字段中显示，就像用户在填充文本后点击它一样。

谢谢！

Answer 1

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

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

DEMO：http://jsfiddle.net/X7Y8S/

Answer 2

就是这样：

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

Answer 3

Hopstream，我在Chrome中使用您的方法找到的是光标在文本末尾结束。 我需要一种方法来将光标聚焦在字段的开头而不突出显示文本。 这对我有用：

  

$（'＃ElementID'）。each（function（）{     $（本）.focus（）;     this.selectionEnd = this.selectionStart;   }）;