Question

我有一个包含行的表，在单击时，将用户带到一个页面，其中包含有关该行描述的项目的更多详细信息。不幸的是，它总是会更改当前页面，我们的用户希望能够使用鼠标中键/控件单击行，以便在需要时打开新选项卡。这个选择适用于普通链接，但似乎没有我的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事件模拟普通链接的最佳方法是什么，因此不同操作系统/浏览器的行为将是相同的，我相信对于触发在新标签中打开链接的内容有不同的绑定。

Answer 1

这对我有用：

<tr onclick="window.open('http://www.google.com','_blank')">

Answer 2

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

<td><a href="http://www.google.com" target="_blank">open another window or tab</a></td>

表行onclick - 更改页面或打开新选项卡

2 个答案: