Make <tr> to act like

Question

I have a table and I want each row to be clicked. Now I am doing simple:

$('tr').click(...)

This works for the most part, but how can I get it to act as a link in the following ways:

• Shift-click opens target in a new window
• Middle press opens the target in a new tab
• Hovering the link shows the link address in the status bar

Answer 1

This is technically possible in some browsers, but not for everyone, and for those who support it, this is a lot of work. You must capture keyboard events without a left click. You should probably just wrap the contents of each TD in a regular A tag.

JS/override ... , , , ​​ HREF, JavaScript.

Answer 2

.mouseUp() shift ctrl, . , , , .

, <a> , , . jQuery :

$('tr th, tr td').wrapInner('<a href="..."></a>').children('a').click(function() {
    ...
});

Answer 3

<a> :

<table>
<tr>
  <td><a href="...">...</a></td>
  <td><a href="...">...</a></td>
  <td><a href="...">...</a></td>
</tr>
</table>

CSS:

table.clickRows td > a {
  display: block;
  width: 100%;
  height: 100%;
}

Answer 4

, , <a> , "" .

, , .

Answer 5

<a> <tr>.

, <a>, , .

Answer 6

, Apple - , - . , .

<a> , , -, <tr>.