DOM и React Junior События обновлено
Остановка события
Условие
Кнопка внутри ссылки: клик по кнопке не должен доходить до контейнера и не должен переходить по ссылке. Верни функцию-обработчик для кнопки.
Что проверяют тесты
не всплывает и не переходит
Как подойти
preventDefault ≠ stopPropagation: первое отменяет поведение по умолчанию (переход по ссылке, отправку формы), второе останавливает путешествие события по дереву. return false в inline-обработчике делает и то и другое - но в addEventListener не работает.
Подсказки: 2
- preventDefault отменяет действие браузера, stopPropagation - дальнейшее распространение.
- Это два независимых механизма, нужны оба.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.