JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
    <button class='child'>Click me</button>
</div>

JavaScript

function h(e) {
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();
    alert(e.type);
    return false;
}

document.querySelector('.wrapper').addEventListener('mouseup', h, false);
document.querySelector('.child').addEventListener('click', h, false);