如何使用JQuery使用tab键浏览表格单元格?

如何使用JQuery使用tab键浏览表格单元格?,jquery,jquery-plugins,jquery-selectors,Jquery,Jquery Plugins,Jquery Selectors,我有一张如下所示的表格。当我单击一个表单元格(仅包含div元素的单元格)时,它会变成一个文本字段进行编辑(我正在做另一个Jquery插件)。我正在尝试使用tab键实现这一点,也就是说,当我从一个单元格中移出tab键时,我想转到下一个单元格 <table id="mytable"> <tr> <td><span><div>60</div></span></td>

我有一张如下所示的表格。当我单击一个表单元格(仅包含div元素的单元格)时,它会变成一个文本字段进行编辑(我正在做另一个Jquery插件)。我正在尝试使用tab键实现这一点,也就是说,当我从一个单元格中移出tab键时,我想转到下一个单元格

<table id="mytable">
   <tr> 
          <td><span><div>60</div></span></td> 
          <td><span>$10000</span></td>
          <td><span><div>100%</div></span></td>
   </tr>
</table>

添加
返回false可能有帮助:

$("#mytable tr td div").bind('keydown', function(event) {
  if(event.keyCode == 9){ //for tab key
    var currentDiv = event.target;
    $(currentDiv).parents("td").next("td").find("div").click();
    return false; // <== here
  }
});
$(“#mytable tr td div”).bind('keydown',函数(事件){
如果(event.keyCode==9){//tab键
var currentDiv=event.target;
$(currentDiv).parents(“td”).next(“td”).find(“div”).click();

返回false;//添加
返回false;
可能有帮助:

$("#mytable tr td div").bind('keydown', function(event) {
  if(event.keyCode == 9){ //for tab key
    var currentDiv = event.target;
    $(currentDiv).parents("td").next("td").find("div").click();
    return false; // <== here
  }
});
$(“#mytable tr td div”).bind('keydown',函数(事件){
如果(event.keyCode==9){//tab键
var currentDiv=event.target;
$(currentDiv).parents(“td”).next(“td”).find(“div”).click();
返回false//