Html 是否可能有一个<;a>;在父元素的onclick处理程序之前触发?

Html 是否可能有一个<;a>;在父元素的onclick处理程序之前触发?,html,dom-events,Html,Dom Events,我有一张这样的桌子: <table> <tr onclick="window.location='foo.html'"> <td>Data 1</td> <td>Data 2</td> <td><a href="bar.html">link</a></td> </tr> </table> 数据1 数据2 当我尝试单击

我有一张这样的桌子:

<table>
  <tr onclick="window.location='foo.html'">
    <td>Data 1</td>
    <td>Data 2</td>
    <td><a href="bar.html">link</a></td>
  </tr>
</table>

数据1
数据2
当我尝试单击
链接
文本时,我会被发送到
foo.html
。我想转到
bar.html
。是否有办法确保
首先获得单击事件


或者我是否必须将我的
onclick
处理程序更改为位于每个
元素上,但包含链接的最后一个元素除外?

要获得预期结果,请使用下面的z-index选项

a{
  position:relative;
  z-index:9999
}

您可以对锚定标记使用onclick:


对于您试图实现的目标,通常理想的是拥有可管理的
z-index
值,
z-index:1
可能会很好地工作是的@Yoda,只是为了让它保持在一切之上,任何东西都可以工作