JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Maindiv" style="width:100px;height:100px;background:blue;cursor:pointer">
    <input class="Buttonclass" type="button" value="Hello"></input>
</div>

JavaScript

$("#Maindiv:not('.Buttonclass')").live("click",function(){
divclick();
});

function divclick(){
alert("div");
};
$(".Buttonclass").live("click",function(e){
buttonclick();
});
function buttonclick(event){
   

alert("button");
    event.stopPropagation()
};