使元素表现得像链接的 JavaScript 或 JQuery - onmouseover 或 hover？

Question

好吧，这次我遇到了一个相当棘手的问题:让 HTML 表格的 TR 行表现得像一个超链接。 :/不幸的是，我无法更改 HTML 的基本结构以使用 DIV(由于编码要求 - 这是一个很长的故事)。

那么问题是什么？

基本上，我知道 onclick (JavaScript) 或 click (JQuery) 会将这些元素链接到我需要的页面，我已经实现了这些解决方案成功。但是，我希望它们在用户悬停时像超链接一样，以便用户看到(通过“手”或浏览器中的任何悬停图标)他正在查看一个链接，可以右键单击并在新窗口中打开。

我知道我可以对 JavaScript 和 JQuery 分别使用 onmouseover 和 hover 方法。问题是，我完全不知道在这些方法中放入什么代码才能使它们按我需要的方式工作，而且我在 Google 上的搜索到目前为止还没有结果。 :/

到目前为止我的工作代码

使用 HTML 和 JavaScript

我的 HTML:

<tr class = "oneResultat" onclick="DoNav('annonce.php')">
    ...
</tr>

和 JavaScript:

function DoNav(url)
{
    document.location.href = url;
}

使用 HTML 和 JQuery

我的 HTML:

<tr class = "oneResultat" href = "annonce.php">
    ...
</tr>

我的 JQuery:

jQuery(document).ready(function($) {
    $(".oneResultat").click(function() {
        window.document.location = $(this).attr("href");
    });
});

Answer 1

您可以嵌入 td <a> 中的内容标签，或者你可以种植一个“透明”<a>没有内容(但地址)的标签，将绝对定位并覆盖整个<tr> . 看这里: http://jsbin.com/gelezubake/1/edit?html,output

右键单击 -> 打开是可能的，JS 捕捉鼠标右键单击和工具提示，可以选择打开新窗口(window.open with arguments)