2013-06-25 27 views
3

我有一個包含行的表,單擊時,將用戶帶到一個頁面,其中包含有關行所描述​​項目的更多詳細信息。不幸的是,它總是改變當前頁面,我們的用戶希望能夠鼠標中鍵/控制點擊行來打開一個新的標籤,如果他們想要的話。這種選擇是正常的鏈接,但似乎沒有我的onclick。示例如下圖所示:錶行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事件正常的鏈接,這樣的行爲會在不同的操作系統/瀏覽器,我相信有什麼觸發開啓不同的綁定相同的最佳途徑一個新選項卡中的鏈接。

回答

0

而不是處理表行的單擊事件,使用錨標記。 Ctrl +單擊錨點的默認行爲是在新窗口或選項卡中打開href屬性中的URL。如果您想要在沒有Ctrl按鈕的情況下打開新的選項卡或窗口,則也可以使用錨點的target屬性。

<td><a href="http://www.google.com" target="_blank">open another window or tab</a></td> 
+4

整個觀點是,行爲與表格行相關(這就是爲什麼我使用'onclick'),而不是單元格或單元格內容。只需在td中創建'a href'鏈接就足夠了,但如果用戶在該行的任何地方單擊,則需要綁定一個操作。 – Programster

相關問題