Поиск

Получить выделенный текст из текстового поля

У текстовых полей (textarea, input text и т.д.) есть JS-свойства selectionStart и selectionEnd, которые возвращают начальную и последнюю позицию выделенного текста, начиная с нуля. Если текст не выделен, то эти значения совпадают.

Получим выделенный текст из textarea с использованием JQuery.

<textarea id="control">
	...
</textarea>

<a id="button" href="#">Получить выделенный текст</a>
HTML
$('#button').click(function(){
	var control = $('#control')[0];
	var text = $(control).val();
	if (control.selectionStart != control.selectionEnd) {
		val = text.substring(control.selectionStart, control.selectionEnd);
		alert(val);
	}
	return false;
});
JS

Ещё один пример – выделенный текст захватывается по событию mouseup у <textarea>.

<textarea id="control">
	...
</textarea>

<p id="result">Выделенный текст: <span></p>
HTML
$('#control').mouseup(function(){
	var text = $(this).val();
	if (this.selectionStart != this.selectionEnd) {
		val = text.substring(this.selectionStart, this.selectionEnd);
		$('#result span').text(val);
	}
});
JS
08.11.2019 158
Предыдущая запись Как получить текущий URL в PHP?
Следующая запись Показать/скрыть пароль

Другие публикации

Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется...
04.10.2019 140
Сделать информативнее страницу поиска – это выделить искомую фразу в результатах...
16.08.2019 195
В продолжении статей о рамках у ячеек таблицы, сделаем их появление по клику с помощью JQuery.
10.09.2019 218
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
04.03.2018 10379
AJAX позволяет отправить и получить данные без перезагрузки страницы. Например, делать проверку форм, подгружать...
23.12.2016 7268
Сборник приемов JQuery для работы с чекбоксом.
14.12.2016 52951