Tabbing jeditable fields and non-jeditable fields

在我的网站上，我有几种使用judicable插件进行编辑的表单，但在那里还混合了选择标签和一些上传输入。我正在尝试设置它，以便在您点击Tab键时选择下一个字段。所以我试图设置它与查询来做到这一点。Tabbing jeditable fields and non-jeditable fields

$('.edit').bind('keydown', function(evt) { 
    if(evt.keyCode==9) { 
    var nextBox=''; 
    var currentBoxIndex=$(".edit").index(this); 

    if (currentBoxIndex == ($(".edit").length-1)) { 
      alert('next please');   
     } else { 
      nextBox=$(".edit").eq(currentBoxIndex+1); 
      $(this).find("input").blur(); 
      $(nextBox).click(); 
      return false;  
     } 
    }; 
});

而且这个工作可以使用jeditable字段，但是它会跳过任何一种选择字段或在两者之间上传。是否有任何方法可以包含选择字段等，以确保它能够切换到下一个输入？

来源

2014-02-13 zazvorniki

这将是有用的，如果你能为我们提供一个工作示例页面（或者更确切地说，一个例子页面，一切变得更糟，除了你的问题）。现在，建立一个示例页面会让任何人想要回答这个问题的时间比实际回答更多（这可能是没有人回答它的原因）。 – Carpetsmoker

@Carpetsmoker我会设置一个示例页面，如果可能的话，但不幸的是它不是。 Jeditable是一个插件，在jsFiddle中效果不好，相信我我已经尝试过了。即使这样做有效，我工作的公司也不希望我出于某种奇怪的原因分享他们的HTML代码。 – zazvorniki

您不需要共享所有内容，只需一个（简单）测试/示例页面即可展示问题。 – Carpetsmoker

-1

您是否尝试过使用HTML tabindex属性？它适用于可用领域。

Example Fiddle

来源

2014-02-20 06:17:58

这不起作用......目标是选项卡到下一个字段......只是保存了值。重点是在可调节的字段和常规选择之间来回切换。 – zazvorniki

这里更新了一个常规选择：http://jsfiddle.net/6RfM8/1/，你可以添加常规选择到自己的tabindex混合，它工作正常。 'tabindex'的存在是为了控制用户选项卡时元素的聚焦顺序。另外，你可以使用jeditable的'event：focus'选项，而不必模拟'click'事件。 –

这仍然不适合我，甚至不在小提琴中。它只是保存了价值，这不是我想要在这里做的。 – zazvorniki

Tabbing jeditable fields and non-jeditable fields

回答

相关问题