javascript：如何检查是否在上下文菜单的新选项卡上单击了链接

Question

Is it posible to check if a link is clicked to open up in a new window? I mean ctrl or shift key pressing is clear, you can handle this events, but what about the right click context menu in the browser? Here you can click the context menu item open in another window..

Jquery context() method triggers when the context menu is opened:

$("a").contextmenu(function() {
  alert("context");
});

$("a").click(
    if (evnt.ctrlKey || evnt.shiftKey || evnt.metaKey || 
        (evnt.button && evnt.button == 1)){
        alert("link clicked");
    }
);

Answer 1

I came up with this solution, it's very hacky and DIY but should do the trick.

The trick is to create your own context menu using this jQuery plugin:

https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.contextMenu.js https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.contextMenu.css https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.ui.position.js

This doesn't execute on SO and I recommend running it on JSFiddle: JSFiddle

---

 $(function() { $.contextMenu({ selector: '.context-menu-one', callback: function(key, options) { var m = "clicked: " + key; window.console && console.log(m); switch (key) { case "open_new_window": console.log($(this)); //var win = window.open($(this)[0].href, '_blank'); window.open($(this)[0].href,'_blank'); //win.focus(); break; case "cut": break; } }, items: { "open_new_window": { name: "Open link in new tab", icon: "edit" }, "cut": { name: "Cut", icon: "cut" } } }); }); 

 <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.ui.position.js"></script> <link href="https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.contextMenu.css" rel="stylesheet"/> <script src="https://rawgit.com/swisnl/jQuery-contextMenu/master/dist/jquery.contextMenu.js"></script> <a class="context-menu-one" href="https://www.google.com">Google</a><br> <a class="context-menu-one" href="https://www.bing.com">Bing</a><br> <a class="context-menu-one" href="https://www.yahoo.com">Yahoo</a><br> <a class="context-menu-one" href="https://www.facebook.com">Facebook</a><br>