如何在（Chrome、Mozilla）的新窗口中通过 ctrl + 单击打开链接？

Question

I know that this is the default behavior of the browser (opening in a new tab), but are there any tricks to overcome them? Not using the other event handlers - such as onmousedown/onmouseup for <a> ? Trying to open with: window.open(url);

It is a necessary to make it on the requirements specification.

Answer 1

    if (e.ctrlKey){
       window.open(url,'_blank')
     }

It will open the url in new tab. Check for ctrl key in the click event

   $(".yourLink").bind('click', function(e){
         e.prevenDefault();
         if (e.ctrlKey){
       window.open(url,'_blank');
     }
   });

EDIT

If you want to open in new window, specify width and height as follows

    window.open(url,'_blank', "height=255,width=255");

Answer 2

Actually, it is related to the CTRL key, seems like a bug in Chrome and it takes it as default behaviour even the e.preventDefault() was called. In order to trick the browser you have to get out of the listener stack using a setTimeout function.

 $(".yourLink").bind('click', function(e){
    if (e.ctrlKey){
          var openWindow= function(){ 
              window.open(url,'name','width=' + screen.width + ',height=' + screen.height + ',location=yes,scrollbars=yes,status=yes;');
          }
          setTimeout(openWindow, 500); 
    }
 });

Answer 3

We have a custom javascript function in the "onclick" of an anchor tag in a product of ours. This because we want to add additional parameters to the URL when navigating to the next screen.

Anyway, we implemented "window.open()" while holding "Ctrl" to open a new tab. However, in Chrome, the javascript on the new tab was SO slow to execute and stayed that way the entire duration of that tab existing. The following solved the issue:

setTimeout(function() {window.open(url);}, 250);

I've adopted a montra: "when in doubt, setTimeout" in Chrome. For some reason it solves so many wonky things. Anyway, hope this helps!