Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 38 из 114 · 9 мин
event, target и currentTarget, preventDefault, stopPropagation, всплытие.
Нажимаю ссылку «Оформить» — страница прыгает наверх.
У ссылки есть действие по умолчанию — перейти. В обработчик приходит объект события, через него можно его отменить.
eventdocument.querySelector("button").addEventListener("click", (event) => {
console.log(event.type, event.target.textContent);
});
document.querySelector("button").click();event.targetevent.currentTargetpreventDefault()const link = document.querySelector("a");
link.addEventListener("click", (e) => {
e.preventDefault();
console.log("Переход отменён");
});
link.click();document.body.addEventListener("click", () => console.log("Дошло до body"));
document.querySelector("button").click();stopPropagation()Отменяй действие по умолчанию только когда делаешь то же самое своим кодом.
По клику на #checkout отмени переход (preventDefault) и покажи в #msg текст Оформляем….
Выберите один ответ.
Кликнули по <b> внутри <button> с обработчиком. Что будет в event.target?
Выберите один ответ.
Что делает event.preventDefault()?
Проверяем состояние обучения…