В чём разница между event.stopPropagation() и event.stopImmediatePropagation()?

const div = document.querySelector("div");

div.addEventListener("click", (event) => {
  console.log("Первый обработчик");
  event.stopPropagation(); // Остановит всплытие, но второй обработчик сработает
});

div.addEventListener("click", (event) => {
  console.log("Второй обработчик"); // Всё равно выполнится
});

document.body.addEventListener("click", () => {
  console.log("Не сработает (всплытие остановлено)");
});

div.addEventListener("click", (event) => {
  console.log("Первый обработчик");
  event.stopImmediatePropagation(); // Остановит всё
});

div.addEventListener("click", () => {
  console.log("Этот код не выполнится");
});