javascript - e.target() 不适用于表格元素

Question

event.target 函数适用于 div 而不适用于 table 元素。

html代码:

<div class="one body" >
    sd
    </div>
<div class="two body">
    sddsd
</div>
    <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="three body">jjj</table>

js:

$(".body").click(function(e){


    alert("xxxxxxxxx"+e.target.className);
});

演示:http://jsfiddle.net/kavinhuh/z4rkW/31/

Answer 1

因为实际的 e.target 是一个 TD，而不是一个表
尽管您的 Table HTML 元素结构不正确。表格应该有 tr 和 td 元素。

alert("Class: "+ event.target.className );

//是第一个触发事件的元素 (TD)

alert("Class: "+ this.className ); 

//是委托(delegate)给事件的元素，在本例中为 .body