如何在jQuery中使用文本链接,同时保留打开新选项卡/窗口的点击

How do I use text link in jQuery while preserving clicks that open to new tabs/windows?

本文关键字:选项 新选项 窗口 保留 jQuery 文本 链接      更新时间:2023-09-26

我目前做了一个链接,我将"click"事件附加到ajax的一些内容。我如何使它,以便用户可以打开它在一个新的窗口或选项卡,如果他们想(无论是通过上下文菜单或快捷方式)?

如果您提供了一个有效的href属性,用户应该能够通过从上下文菜单中选择"在新选项卡中打开"来在新选项卡中打开链接。

要检测用户在按住任何"特殊键"时是否点击了链接(例如alt, shift, "meta",我猜最后一个是你想要的),使用jQuery提供的click事件属性:参见jsfiddle上的示例和jQuery文档中的相应章节。希望它能帮助捕捉到在新选项卡/窗口中打开链接时常用的cmd点击。

$("a").on("click",function(e){
    if(e.metaKey) {
        // the user probably wants to open the link in a new tab
    } else {
        // simple click, so do your AJAX call here
    }
});

另外,请参阅"关键事件属性"表以获取更多信息。似乎jQuery设置metaKey属性为event.ctrlKey,如果它的未定义(搜索"metaKey"在jQuery的源代码)。

add attribute target="_blank" in hyperlink。因此,在点击url时,将使用新窗口。

<a href="http://www.google.com" target="_blank">click here </a>