Edit in JSFiddle

<div id="div_">
    DIV영역
    <p id="p_">
        P영역
        <span id="span_">SPAN영역</span>
    </p>
</div>

<section id="console"><br></section>

//DIV 영역에 클릭 이벤트 설정
$("#div_").on("click",function(event){
    $("#console").append("<br>DIV 클릭");
});

//P 영역에 클릭 이벤트 설정
$("#p_").on("click",function(event){
    $("#console").append("<br>P 클릭");
});

//SPAN 영역에 클릭 이벤트 설정
$("#span_").on("click",function(event){
    $("#console").append("<br>SPAN 클릭");
    
    //상위로 이벤트가 전파되지 않도록 중단한다.
    event.stopPropagation();
});