Почему stopPropagation не мешает навигации по страницам?

Question

Вот демо: https://codesandbox.io/s/rough-sun-znrd2

У меня есть вызов stopPropagation для дочернего элемента a button и a также не получил click событие. Но страница все еще перемещалась.

Answer 1

Вместо stopPropagation, который предотвращает возникновение событий, вам нужно использовать event.preventDefault для отмены поведения по умолчанию

 const onClickButton = (event: MouseEvent) => {
      console.log("click Button");
      event.preventDefault();
      aElm.click();
    };