javascript - 表格行表现得像一个链接

Question

我有这个代码：

$('.table-striped tr').click( function() {
    var link = $(this).find('a').attr('href');
    if(link != 'undefined') {
        window.location = link;
    }
}).hover( function() {
    $(this).toggleClass('hover');
});

它运行良好（<a>隐藏）。我还有一个很好的 CSS 规则来td:hover突出显示整行。

我现在想念的是：

• 右键单击能够“在新选项卡/窗口中打开”
• 中键单击

你知道怎么做吗？

Answer 1

上下文菜单和中间单击操作是浏览器在链接 ( <a/>) 上的默认行为。所以一般来说，你不能在其他元素上模拟这种行为。但是你可以用一些 JavaScript 来接近。

例如，要在中键单击时在新选项卡中打开链接（就像大多数浏览器默认所做的那样），请使用此事件：

$("#foo").live('click', function(e) { 
    if (e.which == 2) {
        e.preventDefault();

        // open new tab/window
        window.open('path');
    }
});

上下文菜单是一个更大的问题，因为很难（不可能）让它看起来像原来的一样，但你可以创建自己的。为此有几个 jQuery 插件。只是谷歌。