jQuery/JavaScript - Allow CTRL + Click to open link in new tab

nsilva Published at Dev

nsilva

Is there a way in jQuery or JavaScript to enable the user to CTRL + Click a link to open a link in a new tab like <a href="">example</a> element?

Here is an example of what I am talking about:-

jQuery('#some-link').bind('click', function() {
   window.location = 'http://someurl.com';
});

If you hold CTRL and click the 'some-link' element, it just opens the page within the current page when using the above code, any ideas on how do this?

Bruno Calza

Check to see if the Ctrl key is pressed, and open the link using window.open. The link may not open in a new tab though. See the discussion here.

jQuery('#some-link').bind('click', function(e) {
   e.preventDefault(); 
   if (e.ctrlKey){
     window.open('http://someurl.com','_blank')
   }
});

See JSFiddle

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2020-10-21

Comments

0 comments

AngularJS $state open link in new tab using ctrl + click

Bind click event to open a link in new tab

Right Click and save link to open in new tab

Material ui card open in new tab on Ctrl+click

Why does CTRL-click not open some links in a new tab?

'Open in new tab' click on link not open href value

Open tab on click on link

Open link in a new tab

How to click a link and open it in a new tab geckodriver selenium?

Custom right click for anchor tag to open link in new tab

Window does not open new window or tab on external url link click

Google Chrome: Open a link in new tab and switch to it in one click

phpBB open link in new tab

Open link in new tab or window

Vaadin open link in new tab

Button to open link in new tab

pandoc: Open link in new tab

If statement to open a link in new tab

Open to new window or tab on click

"Ctrl + click to follow link" in VSCode terminal does not jump to source file but opens new browser tab

How to open a link embeded in a webelement with in the main tab, in a new tab of the same window using Control + Click of Selenium Webdriver

After clicking a link, open new URL and automatically click on tab link inside that page

How to right click on a link and open the link in a new tab using Selenium through Java

Django - Click on link won't redirect me to the page unless i right click and open in new tab

Rails: Open link in new tab (with 'link_to')

How to find out why Angular app running on IIS does not allow 'Open link in new tab' for a route / url?

how to open text in webpage as link by right click "Go to web address" in new tab

firefox: remove "Open Link in New Tab" from the right-click menu

How do you delay an click event on a link (with a _blank target) and still have the new tab open?

TOP Ranking

Article

jQuery/JavaScript - Allow CTRL + Click to open link in new tab

jQuery/JavaScript - Allow CTRL + Click to open link in new tab

pump.io port in URL

grouping by column variables and appending a new variable based on condition

Failed to listen on localhost:8000 (reason: Cannot assign requested address)

Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

Group boxplot data while keeping their individual X axis labels in ggplot2 in R

Vector input in shiny R and then use it

BigQuery - concatenate ignoring NULL

Can a 32-bit antivirus program protect you from 64-bit threats

How to remove the extra space from right in a webview?

How to how increase/decrease compared to adjacent cell

android.content.Context.getSharedPreferences(java.lang.String, int)' on a null object reference id DBhandler

Getting 502 Bad Gateway Error While Deploying WordPress On Dockerized Lemp?

Type 'number' is not assignable to type 'NgIterable<any>' when trying to async observe a datasource

Check if a number is a perfect square

FFmpeg resize without upscaling

How do I display Label text character-by-character?

How to show an image in a View with ASP.NET MVC 5? (Many suggestions failed so far)

Json Schema - Conditional Evaluation with RegEx

PlayOnLinux displays weird looking window on 18.04 for MS Office installation

JMeter: Why get error when try to save test plan

Emulator wrong screen resolution in Android Studio 1.3