JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
    <div class="middle">
        <a href="google.com" class="link">link</a>
    </div>
</div>

JavaScript

console.clear();


$(".top").delegate(".link", "click", function(event) {
    console.log("clicked the link", event);
    event.stopImmediatePropagation();
});

$(".top").delegate(".middle", "click", function(event) {
    console.log("clicked middle, %o, stopped immediate: %o, stopped: %o, prevented: %o",event, event.isImmediatePropagationStopped(), event.isPropagationStopped(), event.isDefaultPrevented());
    alert("failure");
});