event.preventDefault() отменяет стандартное действие браузера для события (например, переход по ссылке при клике на <a>), а event.stopPropagation() останавливает всплытие или погружение события в DOM-дереве, предотвращая вызов тех же обработчиков на родительских или дочерних элементах.

Пример:

javascript

Если добавить event.stopPropagation() к обработчику ссылки:

javascript

Сводная таблица:

Метод	Действие	Влияние на стандартное поведение	Влияние на распространение события
`event.preventDefault()`	Отменяет стандартное действие браузера	Да	Нет
`event.stopPropagation()`	Останавливает всплытие/погружение события	Нет	Да

В чем разница между event.preventDefault и event.stopPropagation?