selectionStart-end con textareas

Question

Sto avendo questo fastidioso problema, io non riesco a ottenere l'inizio e la fine dell'indice del testo selezionato in una textarea, tutto quello che ottiene è definito in questo modo:

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

Ho fatto qualcosa di sbagliato?

Answer 1

Prova:

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

Perché? Un selettore jQuery non restituisce gli effettivi elementi DOM ma la raccolta jQuery completata. jQuery rende gli elementi DOM reali accessibili come una matrice, quindi se si volesse utilizzare il 1 ° elemento abbinato (e in questo caso, l'unico, dato che è per ID), si farebbe quanto sopra.

Answer 2

Per la gestione selezioni di testo vivamente vi consiglio il fieldSelection plugin

Answer 3

un altro plugin è possibile utilizzare, e l'unico che io sappia che gestisce correttamente interruzioni di riga in IE, è la mia Rangy Inputs plugin.

Answer 4

Dal jQuery versione 1.6, è possibile utilizzare il metodo .prop():

Get:

// 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 
});