Как получить выделенный текст из textarea в javascript?

Пользователь

от ottilie.farrell , в категории: JavaScript , 2 года назад

Как получить выделенный текст из textarea в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от eudora , 2 года назад

@ottilie.farrell 

Для получения выделенного текста из элемента textarea в JavaScript можно использовать свойство selectionStart, selectionEnd и метод substring().


Пример:

1
2
3
4
5
6
7
8
var textarea = document.getElementById("myTextarea"); // получаем элемент textarea

var startIndex = textarea.selectionStart; // получаем начальный индекс выделенного текста
var endIndex = textarea.selectionEnd; // получаем конечный индекс выделенного текста

var selectedText = textarea.value.substring(startIndex, endIndex); // получаем выделенный текст

console.log(selectedText); // выводим выделенный текст в консоль


В этом примере мы получаем элемент textarea по его идентификатору, затем получаем начальный и конечный индексы выделенного текста с помощью свойств selectionStart и selectionEnd. Далее мы используем метод substring() для извлечения выделенного текста из значения textarea. Полученный выделенный текст сохраняется в переменной selectedText, которую можно использовать для дальнейших действий.

Пользователь

от jeremy_larkin , 10 месяцев назад

@ottilie.farrell 

Пожалуйста, обратите внимание, что приведенный выше код будет работать только во время выполнения событий, связанных с выделением текста в textarea (например, клик, событие change и т.д.).


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


Пример:


1 2 3 4 5


var button = document.getElementById("myButton"); // получаем элемент кнопки


button.addEventListener("click", function() { var textarea = document.getElementById("myTextarea"); // получаем элемент textarea

1
// код для получения выделенного текста


}); В этом примере мы добавляем обработчик события "click" к элементу кнопки. Внутри обработчика события мы получаем элемент textarea и выполняем код для получения выделенного текста.


Обратите внимание, что в данном примере код для получения выделенного текста не представлен. Вы можете использовать тот же код, что указан ранее, для получения выделенного текста, а затем выполнять необходимые действия с ним.