Origin event click

by cleaver

HTML

<div id="lightbox">
    ku
    <div id="inner">
        <div id="notGreen">kukuku</div>
    </div>
    ku
</div>
<div id="msg"></div>

CSS

#lightbox {
    background: red;
    padding: 40px;
}
#inner {
    background: green;
    padding: 30px;
}
#notGreen {
    background: blue;
    padding: 30px;
}

JavaScript

$(document).on('click', '#lightbox', function(event) {
          
        if (event.target.id == "lightbox"){
            $("#msg").text("work");
        } else {
            $("#msg").text("");
        }
      
      //$("#msg").html("clicked: " + event.target.id);
  });