Skip to main content

DOM

  • Document Object Model

  • https://dom.spec.whatwg.org/

  • 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