如何使用JQuery使用tab键浏览表格单元格?
我有一张如下所示的表格。当我单击一个表单元格(仅包含div元素的单元格)时,它会变成一个文本字段进行编辑(我正在做另一个Jquery插件)。我正在尝试使用tab键实现这一点,也就是说,当我从一个单元格中移出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>
<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//