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

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

Пример:

javascript

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

javascript