这个功能如何实现？关于<td>和<a>的
<table   border=1   width= "100% ">
<tr>
<td   onclick= "alert( '1 '); ">
<a   href= "# "   onclick= "alert( '2 '); "> 123 </a>
</td>
<td> 456 </td>
</tr>
</table>
我想实现这样的效果：
点击td的空白出弹出‘1’
点击a弹出‘2’并且不弹出‘1’

但是现在只要点击a的时候会先弹出‘2’再弹出‘1’

请问如何实现？

我想用一个js变量标记一下应该是可以实现的，但是我想问问高手们有没有什么别的方法，因为过于依赖标记毕竟是不好的。


------解决方案--------------------
<table border=1 width= "100% ">
<tr>
<td onclick= "alert( '1 '); ">
<a href= "# " onclick= "event.cancelBubble=true;alert( '2 '); "> 123 </a>
</td>
<td> 456 </td>
</tr>
</table>