Obtener texto seleccionado en un cuadro de texto

Question

¿Cómo puedo obtener las posiciones de caracteres del texto seleccionado en un elemento de cuadro de texto HTML <input>? window.getSelection() no funciona dentro de cuadros de texto.

Answer 1

Si estás usando jQuery, echar un vistazo al 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> 

Referencia: http://www.codetoad.com/javascript_get_selected_text.asp

Answer 3

En caso de que no necesite soportar versiones realmente antiguas de Internet Explorer, solo use las propiedades selectionEnd y selectionStart del elemento.