Sélectionnez partiellement le texte dans le champ de texte

Question

Je souhaite que mon script sélectionne uniquement une partie du texte dans un champ de texte (<input type="text"). Comment puis-je faire ceci?

Answer 1

Vous devrez utiliser Range, et la compatibilité entre les navigateurs sera probablement un problème.

Quirksmode: Creating a Range object from a Selection object

Si jQuery est une option, voici une fonction que vous pouvez utiliser (reference) ...

$.fn.selectRange = function(start, end) { 
    return this.each(function() { 
     if(this.setSelectionRange) { 
      this.focus(); 
      this.setSelectionRange(start, end); 
     } else if(this.createTextRange) { 
      var range = this.createTextRange(); 
      range.collapse(true); 
      range.moveEnd('character', end); 
      range.moveStart('character', start); 
      range.select(); 
     } 
    }); 
}; 

Answer 2

Check out Programmatically selecting partial text in an input field (peut être un doublon ...)

En outre, une implémentation utile concernant le texte sélectionné et la position du curseur peut être trouvée ici: http://javascript.nwbox.com/cursor_position/