JSFiddle - React, Tailwind, and code Playground
HTML
<button id="btn">
Click Me
</button>
JavaScript
document.addEventListener('click', (e) => {
// Image this is React's top-level click event listener.
// Any event handlers defined on a React element will be called within
// this callback. Notice that calling `e.stopPropagation` doesn't prevent
// the next listener from being called.
console.log('React click event listener called');
e.stopPropagation();
})
document.addEventListener('click', (e) => {
console.log('Some other click event listener called');
})