如何使用键盘箭头键在桌子上导航

Question

我有一张桌子：

<table border="1" width="500">
<tr>
    <th>Name</th>            
    <th>SurName</th>
    <th>Age</th>
    <th>Sum</th>
    <th>Total</th>
</tr>
<tr>
    <td>Peter</td>
    <td>White</td>
    <td>20</td>
    <td class='hov'>20.00</td>
    <td class='hov'>20.00</td>
</tr>
<tr>
    <td>Anton</td>
    <td>Smith</td>
    <td>40</td>
    <td class='hov'>50.00</td>
    <td class='hov'>50.00</td>
</tr>
<tr>
    <td>Boris</td>
    <td>Crane</td>
    <td>10</td>
    <td class='hov'>80.00</td>
    <td class='hov'>80.00</td>
</tr>
<tr>
    <td>Angel</td>
    <td>Green</td>
    <td>40</td>
    <td class='hov'>60.00</td>
    <td class='hov'>60.00</td>
</tr>
<tr>
   <td>Manny</td>
   <td>Red</td>
   <td>90</td>
   <td class='hov'>10.00</td>
   <td class='hov'>10.00</td>
</tr>

我只需要在class=hov 的表格上导航，并且需要向下、向上、向左、向右所有四个键我可以编辑此字段，按 Enter 后需要向下键。

这是一个例子：

http://jsfiddle.net/Ebyvalkevich/hs03ukzo/9/

Answer 1

您可以监听 keypress 事件并检测是否按下箭头键：

 $(window).on('keypress', function(ev){
    if(ev.keyCode == '37') {
         //do some stuff here}
 }


left = 37 up = 38 right = 39 down = 40

在这些块中你描述你的逻辑。

UPD：焦点单元格

为此，您可以使用$('#yourCellId').focus()