javascript - 在其中也有链接的表行中使用 onClick

Question

我在表格行中使用 onClick 如下:

<tr onmouseover="this.style.cursor='pointer'" onclick="http://www.whatever.com/index.php?var={$foo1}">

我也有一些需要在这个表格行的某些区域放置一个链接，即

<td>Stuff Here</td>
<td>Stuff Here</td>
<td>Stuff Here</td>
<td><a href="specialLink.php?var={$foo2}">Here</a></td>
<td>Stuff Here</td>

问题是，“内部链接”(specialLink.php)不能被点击，因为行链接优先。我在这里有什么选择吗？

谢谢

Answer 1

您可以使用 stopImmediatePropagation() 绕过连续/传入事件。

简短示例:

<tr onclick="alert('tr event')">
    <td>tr event</td>
    <td onclick="alert('td');event.stopImmediatePropagation();">NO tr event</td>
</tr>

在 jsfiddle 上测试: http://jsfiddle.net/g8Anh/6/