使用JQuery聚焦输入字段而不选择当前值文本

Question

$("#myinputfield").focus();

Doing that on an input field with it's value already set causes the current value to be selected. How can I focus the field without selecting the text?

Answer 1

我已经搜索了一下，有点发现你应该重点将你的值重新设置到所需的字段。

Answer 2

这样的事情如何在聚焦后将输入字段的值设置为自身？

$("#myinputfield").focus().val($("#myinputfield").val());

Answer 3

Other answers suggest setting the value of the input field to itself after focusing it. If in Firefox, the cursor appears at the start of the input and you want it at the end, then a slight modification is required. You will have to set the value as empty first and then set it to the previous value.

var value = $("#myinputfield").val();
$("#myinputfield").focus().val('').val(value);

Answer 4

Have you tried this?

var txt = $("#myinputfield").val();
$("#myinputfield").focus();
$("#myinputfield").val( txt );

Answer 5

function focusField(id){
    var inputField = document.getElementById(id);
    if (inputField != null && inputField.value.length != 0){
        if (inputField.createTextRange){
            var FieldRange = inputField.createTextRange();
            FieldRange.moveStart('character',inputField.value.length);
            FieldRange.collapse();
            FieldRange.select();
        }else if (inputField.selectionStart || inputField.selectionStart == '0') {
            var elemLen = inputField.value.length;
            inputField.selectionStart = elemLen;
            inputField.selectionEnd = elemLen;
            inputField.focus();
        }
    }else{
        inputField.focus();
    }
}

Answer 6

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

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

i took the code & demo from ahren's answer in other topic, i think it's helpful.

Answer 7

This solution works very well for me:

$("#myinputfield").focus(function (event) {
  var value = $("#myinputfield").val();
  setTimeout(function() {
    $("#myinputfield").val(value);
  },10);
});