Как получить выделенный текст на JavaScript

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Как получить выделенный текст на JavaScript

Сообщение Slash » Вс июн 12, 2016 9:16 pm

В этом сообщении я расскажу, как можно получить текст, который был выделен пользователем.
И так, пишем небольшой сценарий:

Код: Выделить всё

document.onmouseup = function() {
    var txt = document.getSelection();
    if (txt != '') {
        alert(txt);
    };
};

Теперь немного подробностей: наш сценарий начитается выполняется после того, как будет нажата и отпущен кнопки мыши на странице, за это отвечает событие onmouseup (первая строка). Строчкой ниже помещаем выделенный текст, если таковой имеется, в переменную txt, если выделенного текста нет, то переменная будет пуста. Условие на третей строчки, как раз проверяет переменную на пустоту, если переменная не пуста, то выводим окно с текстом, который был выделен.

Конечно, код вывода модального окна alert(txt); можно заменить на то, что надо Вам, с переменной можно делать все, что угодно, например, полученный выделенный текст использовать для вставки цитаты на форуме.

Спасибо за внимание.
Реклама
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Re: Как получить выделенный текст на JavaScript

Сообщение Slash » Вс июн 12, 2016 9:42 pm

Для получения выделенного текста из <textarea>, можно использовать следующий пример:

Код: Выделить всё

<textarea id="field">Как получить выделенный текст на JavaScript</textarea>
<
script type="text/javascript">
$(
'#field').select(function() {
    var txt = document.getSelection();
    alert(txt);
});

.select() - установка обработчика выделенного текста в <textarea> или <input type="text">.

Необходимо подключить jQuery (Как подключить библиотеку jQuery).

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость