Champ de saisie de mise au point avec JQuery sans sélection du texte de la valeur actuelle

Question

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

Si vous effectuez cette opération sur un champ de saisie dont la valeur est déjà définie, la valeur actuelle est sélectionnée. Comment puis-je me concentrer sur le champ sans sélectionner le texte?

Answer 1

J'ai cherché un peu et j'ai découvert que vous deviez redéfinir votre valeur dans le champ désiré après l'avoir focalisé.

Answer 2

Que diriez-vous de quelque chose comme ceci où vous définissez la valeur du champ d'entrée à lui-même après la mise au point?

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

Answer 3

Avez-vous essayé?

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

Answer 4

D'autres réponses suggèrent de définir la valeur du champ d'entrée sur lui-même après la mise au point. Si dans Firefox, le curseur apparaît au début de l'entrée et que vous le souhaitez à la fin, une légère modification est nécessaire. Vous devrez d'abord définir la valeur vide, puis la définir sur la valeur précédente.

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

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/

j'ai pris le code & démo de la réponse de Ahren dans d'autres sujet, je pense qu'il est utile.

Answer 7

Cette solution fonctionne très bien pour moi:

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