<div id="parent" class="parent-item">
<div id="child" class="child-item">
</div>
</div>
.parent-item {
background-color: red;
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
.child-item {
background-color: blue;
width: 50%;
height: 50%;
}
$("#parent").click(function(){
alert("親のクリックイベント");
});
$("#child").click(function(){
alert("子のクリックイベント");
return false;
});
External CSS
This Pen doesn't use any external CSS resources.