区分当前选项卡与新选项卡中打开的链接

Question

我想做的示例:在Facebook上,单击链接以在当前选项卡中打开它将触发一些Javascript而不是打开链接.但是,在新选项卡中打开它(通过右键单击或按住Ctrl/Cmd)将打开链接而不调用任何Javascript.

我想对我的链接做同样的事情(链接行为取决于目标).我有onclick事件处理程序,return false;以避免打开链接; 但这会导致Ctrl +单击无法打开链接.我该如何实现这一目标？

编辑:我不希望链接在新窗口中强行打开. 如果在新窗口中打开链接,我希望它href像往常一样.但是,如果链接在当前窗口中打开,而不是跟随当前窗口中的链接,我想要运行一些Javascript.

Facebook这样做是为了在弹出的"剧院"中打开图像,如果你在当前窗口中打开它,如果你在一个新窗口中打开它就打开它.

请注意,click在链接上捕获事件并使用preventDefault()或return false导致Cmd + Click(在新选项卡中打开)失败.无论如何,无论链接如何打开,这都应该有效 - 点击,回车键等.

编辑2:似乎hashchange/ HTML5 pushState是正确的方法

Answer 1

您可以将href锚点设置为指向正确的网址。这样右键单击并在新选项卡或窗口中打开就可以正常工作。

使用 jQuery 将click事件处理程序绑定到锚点，如下所示。

$('a').click(function(e){
   //Do whatever javascript operation you want.
   if(!e.ctrlKey){
         e.preventDefault();//Stop the page to navigate to the url set in href
   }
});

演示