JSFiddle - React, Tailwind, and code Playground

HTML

<div id ="test-area">
    <div class="drag">drag1</div>
    <div class="drag">drag2</div>
    <div class="drag">drag3</div>
</div>

CSS

#test-area{width:100%;border:1px solid #000}
#test-area{height:500px}
#test-area {background:-webkit-linear-gradient(#d3d3d3 1px, transparent 1px),-webkit-linear-gradient(0deg, #d3d3d3 1px, #FFF 1px);background-size:10px 10px;}

JavaScript

$(document).on("click","#test-area > div.drag", function(e) {
	alert(222);
});
$("#test-area").click(function() {
	alert(111);
});