selectionStart-End с текстовыми областями

Question

У меня возникла эта досадная проблема, я не могу получить начальный и конечный индексы выделенного текста в текстовой области, все, что я получаю, не определено так:

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

Я что-то не так сделал?

Answer 1

Попробуйте:

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

Почему? Селектор jQuery возвращает не фактические элементы DOM, а упакованную коллекцию jQuery. jQuery делает фактические элементы DOM доступными в виде массива, поэтому, если вы хотите использовать 1-й сопоставленный элемент (и в данном случае единственный, так как он по идентификатору), вы бы сделали выше.

Answer 2

Начиная с версии 1.6 jQuery, вы можете использовать .prop () метод:

Получить:

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

Answer 3

Для управления выделением текста я настоятельно рекомендую плагин fieldSelection

Answer 4

Другой плагин, который вы можете использовать, и единственный, который мне известен, который правильно обрабатывает разрывы строк в IE, это мой собственный Rangy Inputs плагин.