Right click and save link to open in new tab


Dishu

I added a custom right click menu using jquery in my project, now what I want to achieve is:

-> If anyone right clicks on the link, the option will say "Open link in new tab", when that option is selected, it will open in a new tab with that link.

-> Other disables the "Open link in new tab" option and works by default.

I am using Jquery in my project. So any solution will be applied, be it jquery or pure js. :D

technician

Basically, you need a link with a "target" attribute. Assuming you already have links <a>in your menu , just add

target="_blank"

Because it opens in a new tab. You can dynamically add this property via jQuery as needed.

$("#mylink").attr("target","_blank")

Related


Customize right click anchor tag to open link in new tab

usman610 I have the following code to open a specific right click menu for <a>an element . On any link I right click and click to open in a new tab, it only opens the first link. Counters in java-script are related to my inability to do so. hrefI want to open

Right click on svg to open new tab with element

Yukulele With firefox, when I middle-click (or ctrl+click) on an useelement , it will open the url xlink:hrefin a new tab (like href) Bug or feature? <svg viewBox="0 0 400 80"> <circle id="circle" cx="40" cy="40" r="30" fill="#29e"></circle> <use xlink

Right click on svg to open new tab with element

Yukulele With firefox, when I middle-click (or ctrl+click) on an useelement , it opens the url xlink:hrefin a new tab (like href) Bug or feature? <svg viewBox="0 0 400 80"> <circle id="circle" cx="40" cy="40" r="30" fill="#29e"></circle> <use xlink:hre

Right click to enable "open in new tab/window"

Michael Chodakis My link is a javascript function that shows the loader and then navigates to the target link: <script> function go(url) { document.body.innerHTML = "some loader html"; window.location = url; } </script> <a href="javascript:go('test.php');"

Right click on svg to open new tab with element

Yukulele With firefox, when I middle-click (or ctrl+click) on an useelement , it opens the url xlink:hrefin a new tab (like href) Bug or feature? <svg viewBox="0 0 400 80"> <circle id="circle" cx="40" cy="40" r="30" fill="#29e"></circle> <use xlink:hre

Right click to enable "open in new tab/window"

Michael Chodakis My link is a javascript function that shows the loader and then navigates to the target link: <script> function go(url) { document.body.innerHTML = "some loader html"; window.location = url; } </script> <a href="javascript:go('test.php');"

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Bind click event to open link in new tab

123 I'm trying to open all links in a modal in a new tab, manipulating the DOM is not as easy as I thought due to the limitations of using angular. Is there a way to bind a click event to a link and then make the click event open a new tab? I have something li

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and need to validate the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and conti

"Open in new tab" click link does not open href value

99 encoder I am using Vue2 and I have and <a>markup . This works as expected with a left click (it's calling a method), but if I do a , which is the open value in this case, it 's wrong.href='#'@click.prevent="someMethod()" right click -> open in new tabhref W

Click the link to open the tab

Shakamar I want to open a tab when a user clicks an image link on the following website : http://m.theseolounge.co.uk/index.php/jadever-jad-jce-counting-scale.html The code for the tab is as follows: <ul class="tabs clearer"> <li id="tab-additional"><a href=

Open link in new tab

no mice here I need to open a link <a>in a new tab/window 's tab, do something there and then close it. html code: <body> <a id="uniqueid" href="somelink">I need to open this in a new tab</a> </body> python code: from selenium import webdriver driver = w

Open link in AngularJS $state in new tab with ctrl + click

utkash sharma I'm trying to open a link in a new tab, just like when opening a normal link ctrl + clicked, except it appends a ui-sref directive which generates a ui-sref directive with an href attribute /stateName?param1=test&param2=test, since the tab is ope

Window cannot open new window or tab on external URL link click

Rajish Kapoor I need to open a URL using pyQt5. The page has several links that open new windows. pyQt5 opens a window for the URL, but after clicking the link that should open a new window, nothing happens. PS I am using pyQt5.6 I've tried it on Linux centOs,

Open link in AngularJS $state in new tab with ctrl + click

utkash sharma I'm trying to open a link in a new tab, just like when opening a normal link ctrl + clicked, except it appends a ui-sref directive that generates a ui-sref directive with an href attribute /stateName?param1=test&param2=test, since the tab is open

Open link in AngularJS $state in new tab with ctrl + click

utkash sharma I'm trying to open a link in a new tab, just like when opening a normal link ctrl + clicked, except it appends a ui-sref directive that generates a ui-sref directive with an href attribute /stateName?param1=test&param2=test, since the tab is open

Window cannot open new window or tab on external URL link click

Rajish Kapoor I need to open a URL using pyQt5. The page has several links that open new windows. pyQt5 opens a window for the URL, but after clicking the link that should open a new window, nothing happens. PS I am using pyQt5.6 I've tried it on Linux centOs,

Left click on link doesn't work, but "open in new tab" works

rock degree I'm working on my personal website (built from a template) and when I'm done, my links stop responding to left clicks. They work fine if you right click and select "Open in New Tab". You can see the URL in the status bar at the bottom of the browse