How to open new tab with "ctrl+click" instead of redirect current tab, in jQuery?

Question

Table contain digital values, each cell has each own href.

If I'm apply hrefs like this:

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

Each click on cell redirect window, I can't open new tab by "ctrl + click".

If I would add in TD something like '<a href="http://google.com"> 123123 </a>', then sorting through digital values would breaks, into lexicographical order.

why don't you say your comment as an answer? @George – Amin Jafari Oct 02 '14 at 18:23 — Amin Jafari, Oct 02 '14 at 18:23
@George - Here you go....http://jsfiddle.net/rntL9ngg/1/ – LcSalazar Oct 02 '14 at 18:25 — LcSalazar, Oct 02 '14 at 18:25

score 4 · Accepted Answer · edited May 14 '23 at 18:39

4

Make a check to see whether the CTRL key was down when the event occured:

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

JSFiddle

You won't see the page change in the fiddle, but you'll see the error it produces in the console.

edited May 14 '23 at 18:39

biesior

55,576
10
125
182

answered Oct 02 '14 at 18:30

George

36,413
9
66
103

1

Some people also open a link in a new tab by using the middle mouse button, or right clicking and pressing "Open in new tab" in the context menu. – Peter Olson Oct 02 '14 at 18:33
1

Sure, I'm one of them, but that's another question. – George Oct 02 '14 at 18:33
Actually (almost) OK, anyway on macOS that should be rather `e.originalEvent.metaKey` – biesior May 14 '23 at 18:28

Protomancer · Answer 2 · 2014-10-02T18:37:17.530

0

Going off of the initial question my answer would be: No jquery is needed you can simply change your anchor tag to have the feature target='_blank'. So the full example would be:

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

Edit upon more review and another thought: Alternatively you could add this to your function:

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

So an actual example to jam in there is:

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

edited Oct 02 '14 at 18:37

answered Oct 02 '14 at 18:26

Protomancer

140
13

this was my knee-jerk answer as well, but i think OP wants a jQuery solution because the clicked element seems to be an `td`, not a link. also, it seems the OP wants the new tab behavior *only* when ctrl is pressed while clicking. – Woodrow Barlow Oct 02 '14 at 18:29
Possible, my Engrish is not so good. I'm talking that I can not format data in cells of table. I can't replace digital `123123` with html code like your. – litigious.formalism Oct 02 '14 at 18:30
@WoodrowBarlow ah I see more clearly now. Looks like George has got it. – Protomancer Oct 02 '14 at 18:39

How to open new tab with "ctrl+click" instead of redirect current tab, in jQuery?

2 Answers2