Edit in JSFiddle

$(document).on('click', function(evt){
    var target = evt.target;
    var tName = target.tagName;
    var cName = target.className;
    alert(tName + (cName ? '.' + cName : '') + 'がclickされた！');
});

<div class="hoge"></div>
<div class="foo"></div>
<div class="bar"></div>
<div class="hoge">
    <div class="foo">
        <div class="bar"></div>
    </div>
</div>
<div class="bar">
    <div class="foo">
        <div class="hoge"></div>
    </div>
</div>

[class] {
    margin: 10px;
    padding: 10px;    
}
[class]:before {
    content: "."attr(class);
}

.hoge {background: #eee;}
.foo {background: #ddd;}
.bar {background: #ccc;}