Obtenir le texte sélectionné dans une zone de texte

Question

Comment puis-je obtenir les positions de caractère du texte sélectionné dans un élément de zone de texte HTML <input>? window.getSelection() ne fonctionne pas dans les zones de texte.

Answer 1

Si vous utilisez jQuery, jetez un oeil à le plugin jQuery Caret: jCaret

// Get start pos in intput box with id="box1" 
$("#box1").caret().start 

// Get end pos 
$("#box1").caret().end 

// Get selected text 
$("#box1").caret().text 

Answer 2

........

<script language=javascript> 
function getSelText() 
{ 
    var txt = ''; 
    if (window.getSelection) 
    { 
     txt = window.getSelection(); 
      } 
    else if (document.getSelection) 
    { 
     txt = document.getSelection(); 
      } 
    else if (document.selection) 
    { 
     txt = document.selection.createRange().text; 
      } 
    else return; 
document.aform.selectedtext.value = txt; 
} 
</script> 

<input type="button" value="Get selection" onmousedown="getSelText()"> 

<form name=aform > 
<textarea name="selectedtext" rows="5" cols="20"></textarea> 
</form> 

Référence: http://www.codetoad.com/javascript_get_selected_text.asp

Answer 3

Si vous n'avez pas besoin de prendre en charge les anciennes versions d'Internet Explorer, utilisez simplement les propriétés selectionEnd et selectionStart de l'élément.