В чем разница между методами stopPropagation() и stopImmediatePropagation()?

Разница между методами stopPropagation() и stopImmediatePropagation() заключается в том, что они останавливают распространение события по-разному: xhtml.ru telegra.ph

1. stopPropagation() останавливает дальнейшее всплытие события, не давая ему «распространяться» выше по дереву DOM. telegra.ph При этом обработчики события на текущем элементе будут выполнены, но событие не пойдёт дальше. telegra.ph
2. stopImmediatePropagation() останавливает и всплытие, и выполнение других обработчиков на текущем элементе. telegra.ph Например, если у элемента несколько обработчиков клика на одной кнопке, stopImmediatePropagation() не даст выполниться ни одному из них, после того как выполнится текущий обработчик. telegra.ph

Таким образом, stopPropagation() отключает только родительские обработчики события, а stopImmediatePropagation() — все обработчики, кроме текущего. my-js.org