HTMLTextAreaElement: событие select

Базовая Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Событие select срабатывает, когда какой-то текст был выбран.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("select", (event) => {});

onselect = (event) => {};

Тип события

Общее Event.

Примеры

Логгер выделения

<textarea>Try selecting some text in this element.</textarea>
<p id="log"></p>

function logSelection(event) {
  const log = document.getElementById("log");
  const selection = event.target.value.substring(
    event.target.selectionStart,
    event.target.selectionEnd,
  );
  log.textContent = `You selected: ${selection}`;
}

const textarea = document.querySelector("textarea");
textarea.addEventListener("select", logSelection);

Эквивалент onselect

Вы также можете настроить обработчик события, используя свойство onselect:

textarea.onselect = logSelection;

Спецификации

Спецификация
HTML # event-select
HTML # handler-onselect

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`select_event`	1	12	6	≤12.1	1	18	6	≤12.1	1	1.0	4.4

См. также

HTMLTextAreaElement.select()

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/select_event