JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div { border: solid 1px #ddd; padding: 20px; }

JavaScript

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

$(".top").delegate(".middle", "click", function(event) {
    if(!event.isPropagationStopped())
        alert("failure");
});