6

行のあるテーブルがあり、クリックすると、その行が説明していたアイテムに関するより詳細な情報が表示されたページにユーザーが移動します。残念ながら、常に現在のページが変更されます。ユーザーは、必要に応じて、新しいタブを開くために行を中マウスボタン/コントロールクリックできるようにしたいと考えています。この選択は通常のリンクでは利用できますが、私の onclick では利用できないようです。以下に例を示します。

<html>
    <body>
        <table border='1'>
        <tr onclick='window.open("http://www.google.com")'>
            <td>Open Another Window</td>
        </tr>
        <tr onclick='location.href="http://www.google.com"'>
            <td>Change Current Page</td>
        </tr>
        </table>
    </body>
</html>

onclick イベントを使用して通常のリンクをシミュレートする最良の方法は何ですか。これにより、異なる OS/ブラウザー間で動作が同じになり、新しいタブでリンクを開くトリガーのバインディングが異なると考えられます。

4

2 に答える 2

0

テーブル行のクリック イベントを処理する代わりに、アンカー タグを使用します。アンカーの Ctrl+クリックのデフォルトの動作は、新しいウィンドウまたはタブで href 属性の URL を開くことです。Ctrl ボタンを使用せずに新しいタブまたはウィンドウを開きたい場合は、アンカーの target 属性も使用できます。

<td><a href="http://www.google.com" target="_blank">open another window or tab</a></td>
于 2013-06-25T09:07:28.917 に答える