JSFiddle - React, Tailwind, and code Playground

by Dimitar Christoff

HTML

<div class='del'>
    
    <div>will foo</div>
    <a href="#">shouldn't foo! (but does)</a>
    <div id="dynamic"></div>
    
</div>
<div>
    won't foo
</div>

JavaScript

document.body.addEvents({
    "click:relay(.del a))": function(e) {
        e.stop();
        console.log("link");
    },
    "click:relay(.del)": function(e) {
        console.log("foo");
    }
});