JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
    <div class='child'>Click Me</div>
</div>

CSS

.parent {
    width:200px;
    border: 1px solid black;
    padding: 5px;
}
.child {
    border: 1px solid blue;
    width: 80px;
    padding: 5px;
}

JavaScript

$('.parent').bind('dblclick', function (e) {
    console.log(e);
    if (e.target !== 'div.child') {
        alert('double click parent');
    }
});
$('.child').bind('click', function(e) {
    alert('single click child');
});