如果处理这种onclick事件

Question

 <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事件，其他的不触发

Answer 1

<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>