jquery - 带JEditable字段的Tab键

我有一个使用JQuery和Jeditable在页面上创建可编辑文本元素的页面。

在编辑元素时，我希望能够在一个元素之间切换。

我不确定如何:

使用jeditable或jquery捕获选项卡键事件(键码= 9)

一旦检测到该事件，将焦点移至下一个元素并通过可编辑的

激活它

任何帮助表示赞赏。谢谢!

最佳答案

我设法找到一种方法:

$('div.editbox').bind('keydown', function(evt) {
    if(evt.keyCode==9) {
        $(this).find("input").blur();
        var nextBox='';
         if ($("div.editbox").index(this) == ($("div.editbox").length-1)) {
                nextBox=$("div.editbox:first");         //last box, go to first
            } else {
                nextBox=$(this).next("div.editbox");    //Next box in line
            }
        $(nextBox).dblclick();  //Go to assigned next box
        return false;           //Suppress normal tab
    };
});

在选项卡上，双击(此处设置为jeditable以便使用dblclick事件)发送到下一个框。如果它是最后一个编辑框(分配了一个唯一的类，我在选择器时遇到了问题)，则转到第一个。

我还使用了find(“input”)，因为我无法找到另一个选择器，该选择器选择了可编辑创建的输入以进行模糊处理。

并非最佳，但它可以工作。

关于jquery - 带JEditable字段的Tab键，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/885616/