js事件代理的一点问题？

 <ul id="UL" >
    <li id="L1" >
        L1
        <p>哈</p>
        <p>士</p>
        <p>奇</p>
    </li>
    <li id="L2" >L2</li>
    <li id="L3">L3</li>
    <li id="L4">L4</li>
</ul>

<script>
    document.getElementById("UL").addEventListener('click', function(e) {
        console.log(e.target.id);
    })
</script>

考虑到性能优化，我从原先的遍历给每个li加click事件改为用事件代理处理，
但是事件代理处理也有个问题，如上，如果我点击到P的话，就无法获取到LI的ID了，
但是在实际的生产环境中，还是经常需要用到的，但是给每个元素都加ID或者之类的标记又显得很不科学，请问有什么办法能解决吗？

http://www.cnblogs.com/silence516/archive/2009/09/03/delegateEvent.html