如何在jQuery中使用“ctrl+click”打开新标签而不是重定向当前标签？

Question

表格包含数字值，每个单元格都有自己的href。

如果我像这样应用href：

nTd.click(function(e){
   $(this).css("font-weight","bold");
   e.stopPropagation();
   location.href = 'http://google.com';
});

每次点击单元格重定向窗口，我无法通过“ctrl + click”打开新标签。

如果我在TD 中添加类似'<a href="http://google.com"> 123123 </a>' 的内容，那么对数字值进行排序就会中断，按字典顺序排列。

Answer 1

检查事件发生时 CTRL 键是否按下：

nTd.click(function(e){
   $(this).css("font-weight","bold");
   e.stopPropagation();
    if(e.originalEvent.ctrlKey){
        window.open("http://www.google.com", "_blank");
    } else {
        location.href = 'http://google.com';   
    }
});

JSFiddle

您不会在小提琴中看到页面更改，但您会在控制台中看到它产生的错误。

Answer 2

从最初的问题开始，我的回答是： 不需要 jquery，您可以简单地更改锚标记以具有 target='_blank' 功能。 所以完整的例子是：

<a href="http://google.com" target="_blank"> 123123 </a>

根据更多评论和其他想法进行编辑：或者，您可以将其添加到您的函数中：

window.open('url to open','window name','attribute1,attribute2')

所以一个实际的例子是：

nTd.click(function(e){
   $(this).css("font-weight","bold");
   e.stopPropagation();
   window.open("http://www.google.com", "_blank");
});

Anchor Tag Reference Javascript open new window reference