Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 39 из 114 · 8 мин
События input и change, живой поиск по списку, focus и blur.
Хочу поиск: пользователь печатает — а список фильтруется сразу.
Событие input срабатывает на каждую букву. Читаем value и прячем лишнее.
inputconst input = document.querySelector("input");
const out = document.querySelector("output");
input.addEventListener("input", () => {
out.textContent = input.value.length;
});
input.value = "Блокнот";
input.dispatchEvent(new Event("input"));changeconst select = document.querySelector("select");
select.addEventListener("change", () => console.log("Размер:", select.value));
select.value = "L";
select.dispatchEvent(new Event("change"));focus · blurfocus — поле активно, blur — ушли с него.Реакция на каждую букву — input. На итоговый выбор — change.
При вводе в #search скрывай (hidden = true) пункты #menu li, текст которых не содержит введённое (без учёта регистра).
Выберите один ответ.
Какое событие сработает на каждую введённую букву?
Выберите один ответ.
Когда срабатывает blur?
Проверяем состояние обучения…