I'd like to be able to (from Javascript) navigate as though a link had been clicked (but not necessarily when a link is clicked -- could be another action).

I know window.location.href = '...'; and window.location.replace('...');, but these methods don't allow the user to specify new window, new tab, etc. by holding Cmd (OS X) or Ctrl. I'd like to be able to do it without manually checking the states of these keys.

I'd like to be able to (from Javascript) navigate as though a link had been clicked (but not necessarily when a link is clicked -- could be another action).

I know window.location.href = '...'; and window.location.replace('...');, but these methods don't allow the user to specify new window, new tab, etc. by holding Cmd (OS X) or Ctrl. I'd like to be able to do it without manually checking the states of these keys.

• javascript
• dom-events
• unobtrusive-javascript

2 Answers 2

If you want to handle both clicks, normal and ctrl-click this is what I use :

$("li").on("click", function(e){
    var url = $(this).find("a").attr("href");
    if(e.ctrlKey){
        $('<a href="'+ url + '" target="_blank"></a>')[0].click();
    } else {
        document.location = url;
    }
    return false;
});

This only works if you do it from a click handler triggered by the user, otherwise, the browser will detect it as an unwanted pop up and block it:

<div id="test">open in new tab</div>

$('#test').click(function(){    
    openInNewTab('http://example.');
});

function openInNewTab(url)
{
    $('<a href="'+ url + '" target="_blank">open in new tab</a>')[0].click();
}

I think there is no other option since this is a security behavior.