За что отвечает параметр bubbles в конструкторах событий?

Question

[zkrvndm]

В документации написано, что если bubbles равно true, то событие всплывающее. Однако что это означает?

Например, в чем будет фактическая разница между true и false в примере ниже?

element = document.querySelector('span');

element.dispatchEvent(
  new MouseEvent('mousedown', {
      bubbles: true
  })

);

Answer 1

[kocherman]

Отвечает за то, передовать ли этот же Event родительским объектам.

Comments

[zkrvndm]

То есть если я ставлю false, то событие срабатывает исключительно на самом элементе и никак не затронет родителей?

[kocherman]

Надим Закиров, Да, вы правы, это будет равносильно вызову event.stopPropagation();

Answer 2

[Loli E1ON]

Этот параметр отвечает за делегирование
https://learn.javascript.ru/event-delegation