前端问题，HTML 页面中的 table.tr 使用 onclick 后点击 tr 中的 a.href 会弹出两个页面的问题
andybest · 2014-03-30 12:28:02 +08:00 · 8768 次点击这是一个创建于 3696 天前的主题，其中的信息可能已经有所发展或是发生改变。
例子：
<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-03-30 12:33:25 +08:00 via Android  1
event.target
见MDN |
 |
2
ETiV 2014-03-30 12:47:02 +08:00 via iPhone
禁用 tr 下 a 标签的 onclick 事件冒泡
|
 |
3
andybest OP |
|
4
zorceta 2014-03-30 13:05:48 +08:00 via Android
@andybest IE用什么不知道，反正大概思路就是拿到事件的处罚者，如果是a就preventDefault()
|
|
5
ETiV 2014-03-30 13:06:19 +08:00 via iPhone
onclick 别 return false
|
|
7
ETiV 2014-03-30 13:13:22 +08:00 via iPhone 2
|
 |
8
mikuazusa 2014-03-30 13:15:35 +08:00 1
<a onclick="return false;" href="/test">test</a></td>
|
Select Language