selectionStart-End, con áreas de texto

Question

estoy teniendo este problema molesto, me parece que no puede obtener el índice de inicio y final del texto seleccionado en un área de texto, todo lo que consigo no está definida así:

$('#myarea').selectionStart; // return undefined 

¿Hice algo mal?

Answer 1

Probar:

$('#myarea')[0].selectionStart; 

¿Por qué? Un selector jQuery no devuelve los elementos DOM reales, sino la colección jQuery envuelta. jQuery hace que los elementos DOM reales sean accesibles como una matriz, por lo que si quisieras usar el primer elemento emparejado (y en este caso, el único, ya que es por ID), harías lo anterior.

Answer 2

Para la gestión de las selecciones de texto le recomiendo el fieldSelection plugin

Answer 3

otro plugin se puede utilizar, y el único que soy consciente de que maneja correctamente los saltos de línea en el IE, es mi propia Rangy Inputs plugin.

Answer 4

Desde jQuery versión 1.6, puede utilizar el método .prop():

Obtener:

// always start at 0 

var start = $('#myarea').prop('selectionStart'); 
var end = $('#myarea').prop('selectionEnd'); 

Set:

$('#myarea').prop('selectionStart', 10); 
$('#myarea').prop('selectionEnd', 15); 

// or short hand by 

$('#myarea').prop({ 
    'selectionStart': 10, 
    'selectionEnd': 15 
});