如果处理这种onclick事件

[ricoliu]

<tr onclick="alert('tr')">
<td onclick="alert('td')">AAA</td>
<td>BBB</td>
</tr>

现在
点击AAA会触发 onclick="alert('tr')" 和 onclick="alert('td')"
点击BBB就只会触发 onclick="alert('tr')"

但我想要的效果是
点击AAA就只会触发 onclick="alert('td')"
点击BBB就只会触发 onclick="alert('tr')"

就想只触发最接近我点击的那个onclick事件，其他的不触发

[十一文]

写个函数判断哈 事件源

[hookee]

<script>
function do_tr(){
	alert('tr');
}
function do_td(evt){
	alert('td');
	if(window.event) event.cancelBubble = true;
	else evt.stopPropagation();
}
</script>
<table>
<tr onclick="do_tr()"> 
        <td onclick="do_td(event)">AAA </td> 
        <td>BBB </td> 
</tr> 
<table>