DOM
Document Object Model
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
// e.preventDefault(); // e.stopPropagation(); // e.nativeEvent.stopImmediatePropagation();
| | / \
---------------| |----------------- ---------------| |----------------- | element1 | | | | element1 | | | | -----------| |----------- | | -----------| |----------- | | |element2 \ / | | | |element2 | | | | | ------------------------- | | ------------------------- | | Event CAPTURING | | Event BUBBLING |
// CAPTURING event button.addEventListener('click', handleClick, true)
// BUBBLING events button.addEventListener('click', handleClick, false) button.addEventListener('click', handleClick)
e.defaultPrevented https://reactjs.org/docs/events.html