前端问题，HTML 页面中的 table.tr 使用 onclick 后点击 tr 中的 a.href 会弹出两个页面的问题
andybest · 2014 年 3 月 30 日 · 9149 次点击这是一个创建于 4318 天前的主题，其中的信息可能已经有所发展或是发生改变。
例子：
<table>
<tr onclick="location.href='/test';">
<td>a</td>
<td><a href="/test">test</a></td>
<td>b</td>
</tr>
</table>
本来没有 onclick="location.href='/test';" 但我想实现点击该 tr 的任何位置都会进入 /test 所以增加了 tr.onclick
现在的问题是，在手机浏览器中点击文本链接：
<a href="/test">test</a>
会一次弹出两个窗口（因为一个激发了文本链接 a.href ，一个激发了 tr.onclick）
虽然 PC 浏览器没有这个问题，但这种实现方法仍然感觉不合理
怎么解决这个问题比较合适？
<table>
<tr onclick="location.href='/test';">
<td>a</td>
<td><a href="/test">test</a></td>
<td>b</td>
</tr>
</table>
本来没有 onclick="location.href='/test';" 但我想实现点击该 tr 的任何位置都会进入 /test 所以增加了 tr.onclick
现在的问题是，在手机浏览器中点击文本链接：
<a href="/test">test</a>
会一次弹出两个窗口（因为一个激发了文本链接 a.href ，一个激发了 tr.onclick）
虽然 PC 浏览器没有这个问题，但这种实现方法仍然感觉不合理
怎么解决这个问题比较合适？
 |
1
zorceta 2014 年 3 月 30 日 via Android  1
event.target
见MDN |
 |
2
ETiV 2014 年 3 月 30 日 via iPhone
禁用 tr 下 a 标签的 onclick 事件冒泡
|
 |
3
andybest OP |
|
5
ETiV 2014 年 3 月 30 日 via iPhone
onclick 别 return false
|
|
7
ETiV 2014 年 3 月 30 日 via iPhone 2
|
 |
8
mikuazusa 2014 年 3 月 30 日 1
<a onclick="return false;" href="/test">test</a></td>
|
Select Language