新しいタブ/ウィンドウで開く機能を備えたJavascriptリンク

Question

現在のページで開くか、コマンド/ ctrlをクリックしたときなどに新しいタブ/ウィンドウで開くリンクを取得しようとしていますユーザーの設定に基づいています。今、私はこのような何か使用しています：

<a href='http://example.com' onclick="setTimeout(function() {window.location='/some_local_page'}, 10); return false;">Foo!</a> 

をこれは私がリンクをクリックすると、それは地元のページを開いていることができますが、私は明示的に右クリックする必要がありますし、新しいタブ/ウィンドウで開く]を選択します。私はこれが解決された問題だと確信していますが、Google/stackoverflowキーワードの適切な組み合わせを見つけることができません。 :)

これは、明確化のために役立つかもしれない

：クリックがsome_javascript_function（呼び出す必要があります。この場合

<a href='http://example.com' onclick="some_javascript_function(); return false;">Foo!</a> 

）と新しいタブで「http://example.com」を開く必要があり、コマンド/ Ctrlを押しながらクリック/ windowと現在のページに何もしません。

Answer 1

これは必要なものですか？

<a href="http://example.com" onclick="window.open('/some_local_page')">Foo!</a> 

またはこれは？

<a href="/some_local_page" target="_blank">Foo!</a> 

EDIT：onclick（右ボタンではなく）中央または左ボタンがクリックされたときに発生します。

したがって、onclickでは、ctrlが押されたのか、それとも中央のボタンであったのかを検出する必要があります。

JavaScriptをインラインで配置しないこともお勧めします。

<a href="http://example.com" class="link" data-link="/some_local_page">Foo!</a>​ 

$('a.link').click(function(e){ 
    if(e.button === 0 && !e.ctrlKey){ // Click without ctrl 
     e.preventDefault(); 
     // open local page 
     window.location = $(this).data('link'); 
    } 
    // Middle click and ctrl click will do nothing, 
    // thus allowing the brower to open in a new window 
});​ 

DEMO：：このお試しくださいあなたが同じURLに移動したい場合は、そのhref属性で同じURLをレンダリングされないのはなぜhttp://jsfiddle.net/E8hEt/

Answer 2

を？。新しいウィンドウで開くには、ターゲットを_blankに設定します。

<a href='/some_local_page' target='_blank'>Foo!</a>