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

标签 javascript html onclick href

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

最佳答案

这对我有用:

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

关于javascript - 表行 onclick - 更改页面,或打开新选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17293017/

相关文章:

javascript - 通过jQuery点击功能改变img src

javascript - 如何使用 JavaScript 函数式编程从对象列表中找到具有最低属性的对象?

javascript - 点击时不显示 div 标签内容

html - 无法突出显示区域 map

html - 如何关闭 HTML 中的自动换行?

html - 如何使用-webkit-transform : rotateX(); 使隐藏的面孔从顶部出现

Javascript 在单击时更改 div 内容

javascript - NodeJS - 测试模型,未接收回调

javascript - jQuery:动态更改对象的属性

javascript - 如何组合多个 onclick 事件/元素