使用javascript设置Tab键顺序

Question

我有一个有多种形式的页面。我正在使用Mootools滑动标签，因此菜单上的每个按钮都会滑动到下一个表单。技术上有3种形式位于同一HTML页面上。请参阅http://creativepony.com/archive/demos/sliding-tabs/

处的技术示例

我的问题是，当用户按下Tab键并切换到我想要Tab键顺序的最后一个字段时，它会返回到第一个字段。这样用户就不会意外地标记到下一个表单。用户最终会绕回相同的表单字段。为了让用户访问下一个表单，他们使用菜单，所以我不希望他们能够选择到下一个表单。

我知道使用'tabindex'设置标签顺序，但这无助于我让用户返回该表单的第一个字段。

有关如何使用javascript实现此目的的任何想法？

Answer 1

我会通过在不可见disabled的表单中创建字段来做到这一点，因此浏览器知道跳过它们，无论导航机制如何（想想辅助功能）。

Answer 2

您可以通过事件监听器执行此操作：

$$(".foo").addEvent("click", function(e) {
  if (e.keyCode == 9) new Event(e).stop();
  $("#myfield").focus();
});