Child element click event trigger the parent click event

Question

Say you have some code like this:

Answer 1

I faced the same problem and solve it by this method. html :

   

     AAA
   
    BBBB

JS:

$(document).ready(function(){
 $("#parentDiv").click(function(e){
   if(e.target.id=="childDiv"){
     childEvent();
   } else {
     parentEvent();
   }
 });
});

function childEvent(){
    alert("child event");
}

function parentEvent(){
    alert("paren event");
}