HTMLInputElement: событие поиска

Нестандартный: Эта функция нестандартна и не соответствует стандартам. Не используйте её на сайтах, работающих с веб-браузерами: она может работать не для всех пользователей. Также могут быть большие различия в реализациях, и поведение может измениться в будущем.

Событие search срабатывает при инициализации поиска с помощью элемента <input> типа type="search".

Существует несколько способов инициализации поиска, например, нажатием клавиши Enter, когда элемент <input> имеет фокус, или, если атрибут incremental присутствует, после истечения времени, определенного UA, с момента последнего нажатия клавиши (новые нажатия клавиш сбрасывают таймер, поэтому срабатывание события является отложенным).

Текущие реализации UA элемента <input type="search"> имеют дополнительный элемент управления для очистки поля. Использование этого элемента управления также срабатывает событие search. В этом случае значение value элемента <input> будет пустой строкой.

Это событие не может быть отменено.

Синтаксис

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

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

onsearch = (event) => {};

Тип события

Общее событие Event.

Примеры

// addEventListener version
const input = document.querySelector('input[type="search"]');

input.addEventListener("search", () => {
  console.log(`The term searched for was ${input.value}`);
});

// onsearch version
const input = document.querySelector('input[type="search"]');

input.onsearch = () => {
  console.log(`The term searched for was ${input.value}`);
};

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

Это событие не является частью какой-либо спецификации.

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`search_event`	1	79	Нет	15	2–17.2	18	Нет	14	1–17.2	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/search_event