Databases
StackOverflow2013
Postsdbo
POHow to detect if user it trying to open a link in a new tab?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to detect if user it trying to open a link in a new tab?
    primarykey
    data
    text
    <p>I'm writing a website in which all content is stored in the JavaScript environment, so it should be possible to navigate between "pages" without additional HTTP requests.</p> <p>I want to preserve the user's intent with respect to how links are opened, though. If a Mac user apple+clicks a link, for example, it should be opened in a new tab. But if the user wants to open a link in the current window, I want to avoid making a new HTTP request, and just use DOM manipulation to show the new content.</p> <p>Here's what I tried (<a href="http://jsfiddle.net/eH2pL/">JSFiddle</a>):</p> <pre><code>&lt;a href="http://yahoo.com" id="mylink"&gt;Yahoo!&lt;/a&gt; </code></pre> <pre><code>document.getElementById("mylink").onclick = function() { alert("clicked"); return false; } </code></pre> <p>It behaves as desired for normal left clicks, and for context menu actions, but not for clicks with a modifier key. I could check whether certain modifier keys are held, but that seems fragile.</p> <p>Twitter's website has behavior similar to what I want - when you click a username, it's normally an AJAX request, but if you click with a meta key held, you get a new tab.</p> <p>I'd prefer a plain JavaScript solution without libraries, unless this requires a bunch of platform-specific logic.</p> <h2>Update</h2> <p>I took a look at GitHub's code, which also has the behavior I'm after, and it does check for certain keys being held. So I'm accepting Chris's answer , since it seems unlikely that there's a better alternative.</p> <pre><code>$(document).on("click", ".js-directory-link", function (t) { return 2 === t.which || t.metaKey || t.ctrlKey ? void 0 : ($(this).closest("tr").addClass("is-loading"), $(document.body).addClass("disables-context-loader")) } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDaniel Lubarov
    1. USDaniel Lubarov
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to detect if user it trying to open a link in a new tab?
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POHow to detect if user it trying to open a link in a new tab?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat browser and platform are you testing in? When I try your fiddle with Firefox in Windows, the event is fired regardless of whether I am holding control down or not. You can examine `event.ctrlKey` to check the state of the control key.
      singulars
      1. POHow to detect if user it trying to open a link in a new tab?
      1. USChris Baker
    2. COI'm using Chrome v31 on OSX 10.8.5. But I think we're seeing the same behavior. What I want is to see the alert *only* for a normal left click, and for a new tab to open if control/meta is held *or* the context menu is used.
      singulars
      1. POHow to detect if user it trying to open a link in a new tab?
      1. USDaniel Lubarov
    3. COIf your links are links, users can make their own decision where to open them - same window, new window or new tab. Why do you need to detect anything? What problem are you trying to solve?
      singulars
      1. POHow to detect if user it trying to open a link in a new tab?
      1. USRobG
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload