6

我有一个带有行的表格，单击该表格时，会将用户带到一个页面，其中包含有关该行所描述的项目的更多详细信息。不幸的是，它总是会更改当前页面，我们的用户希望能够通过鼠标中键/控制单击行，以便在需要时打开新选项卡。此选择适用于普通链接，但似乎不适用于我的 onclick。一个例子如下所示：

<html>
    <body>
        <table border='1'>
        <tr onclick='window.open("http://www.google.com")'>
            <td>Open Another Window</td>
        </tr>
        <tr onclick='location.href="http://www.google.com"'>
            <td>Change Current Page</td>
        </tr>
        </table>
    </body>
</html>

使用 onclick 事件模拟正常链接的最佳方法是什么，以便在不同的操作系统/浏览器中行为相同，我相信对于触发在新选项卡中打开链接的内容具有不同的绑定。

4

2 回答 2

3

这对我有用：

<tr onclick="window.open('http://www.google.com','_blank')">
于 2020-01-22T09:27:47.140 回答
0

不要处理表格行的点击事件，而是使用锚标记。Ctrl+click 锚点的默认行为是在新窗口或选项卡的 href 属性中打开 URL。如果您想在没有 Ctrl 按钮的情况下打开新选项卡或窗口，您也可以使用锚点的目标属性。

<td><a href="http://www.google.com" target="_blank">open another window or tab</a></td>
于 2013-06-25T09:07:28.917 回答