JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="link">Link</div>
</div>

CSS

#container
{
    position:relative;
    width:150px;
    height:150px;
    border:1px solid #000000;
    margin:10px;
}

#link
{
    position:absolute;
    right:10px;
    bottom:10px;
    display:block;
    width:50px;
    height:50px;
    border:1px solid #000000;
}

JavaScript

$('#link').click(function (e) {
    console.log("link");                
}).mousedown(function(e) {
    e.stopPropagation();
});

$('#container').mousedown(function (e) {
    console.log("container");                
});