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

您可以收听按键事件并检测是否按下箭头键，如：

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


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

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

UPD：焦点细胞

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

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

1 个答案: