HTMLInputElement: событие select

Базовая Широко доступная

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

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

Синтаксис

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

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

onselect = (event) => {};

Тип события

Общее Event.

Примеры

Журнал выбора

<input value="Try selecting some text in this element." />
<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 input = document.querySelector("input");
input.addEventListener("select", logSelection);

Эквивалент onselect

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

input.onselect = logSelection;

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

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

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

	Десктопные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for 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

© 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/HTMLInputElement/select_event