---
title: Методы обработки событий
seo:
title: Методы обработки событий — React Developer
description: Тема «Методы обработки событий» для собеседования React Developer. В чем разница между методами event.preventDefault() и event.stopPropagation()? Как узнать об использовании метода event.preventDefault()?
---
[Все темы React Developer](/react-developer)
## В чем разница между методами event.preventDefault() и event.stopPropagation()? [#q-14bee738d69b8147acaeec2be0e3828a]
Разница между event.preventDefault() и event.stopPropagation():
{/* prettier-ignore */}
1. event.preventDefault():
- Назначение: Предотвращает стандартное поведение браузера для события.
- Пример:
```javascript
document.getElementById("myLink").addEventListener("click", function(event) {
event.preventDefault(); // Отменяет переход по ссылке
});
```
1. event.stopPropagation():
- Назначение: Останавливает дальнейшее распространение события (всплытие или погружение).
- Пример:
```javascript
document.getElementById("child").addEventListener("click", function(event) {
event.stopPropagation(); // Останавливает всплытие события
});
```
#### Итог:
- event.preventDefault(): Отменяет стандартное
поведение события.
- event.stopPropagation(): Останавливает
распространение события по DOM-дереву.
:::note[Ссылки для изучения]
1. [Браузерные события в JavaScript](https://learn.javascript.ru/introduction-browser-events)
:::
---
## Как узнать об использовании метода event.preventDefault()? [#q-14bee738d69b818f9fc4d1fc273fdbd8]
event.defaultPrevented показывает, была ли успешно отменена стандартная обработка события. Вызов preventDefault() не меняет это свойство, если событие неотменяемое или обработчик passive.
#### Пример использования:
```javascript
document.getElementById("myLink").addEventListener("click", function (event) {
event.preventDefault();
console.log(event.defaultPrevented); // true
});
```
event.defaultPrevented показывает, была ли успешно отменена стандартная обработка события. Вызов preventDefault() не меняет это свойство, если событие неотменяемое или обработчик passive.
:::note[Ссылки для изучения]
1. [Браузерные события в JavaScript](https://learn.javascript.ru/introduction-browser-events)
:::