JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner" />
</div>

CSS

.outer { width: 500px; height: 500px; background: green; }
.inner { width: 100px; height: 100px; background: red; }

JavaScript

$(".inner").on("click", function (e) {
    e.preventDefault();
    e.stopPropagation();
    $(e.target).remove();
});

$(".inner").on("dblclick", function () { alert("INNER dblclick"); });

$(".outer").on("dblclick", function () { alert("dblclick"); });