Как вызывается click? Как вызывать его только с mousedown + mouseup?

Question

[igoryusha22]

https://codesandbox.io/s/mystifying-sun-r3t22?file...

Нажимаем на зеленый квадрат, потом переводим на красный и видим:
- Тригерется `mousedown` на зеленом, через `stopPropagation` останавливается всплытие.
- Затем на красном тригерется `mouseup`.
- Затем на красном тригерется `click`.


Почему на красном тригерся `click` без `mousedown`?
Как поправить это поведение (click должен вызваться только с `mousedown + mouseup`) без костыльных флагов?

Просто если смотреть на mdn, то какая-то несостыковка получается.

Comments

[igoryusha22]

Чуток поторопился, выше описано такое поведение. :)
Тем не менее, можно как-то обойтись без флагов?

Answer 1

[zkrvndm]

Свойство bubbles отвечает за то, всплывает событие на родительские элементы или нет. Если поставить Да, то клик по элементу кликнет и все родительские элементы.