Чем stopPropagation отличается от preventDefault?

stopPropagation останавливает распространение события по DOM — оно не всплывёт к родителям и не погрузится к детям. preventDefault отменяет действие браузера по умолчанию — переход по ссылке, отправку формы, выделение текста. Это разные вещи: можно вызвать оба, один или ни одного. Частая ошибка — путать их. Например, для формы нужен preventDefault (не перезагружать страницу), а не stopPropagation.