使用JavaScript设置标签顺序

Question

我有一个具有多种形式的页面。 我正在使用Mootools滑动标签，因此菜单上的每个按钮都滑到下一个表单。 从技术上讲，同一HTML页面上有3种形式。 在http://creativepony.com/archive/demos/sliding-tabs/中查看该技术的示例

我的问题是，当用户按下Tab键，然后按Tab键浏览到我想要的Tab键顺序的最后一个字段时，它又回到了第一个字段。 这样一来，用户就不会意外地跳至下一个表单。 用户最终将围绕相同的表单字段循环返回。 为了使用户能够访问下一个表单，他们使用菜单，因此我不希望他们能够跳至下一个表单。

我知道可以通过'tabindex'设置制表符顺序，但这并不能帮助我使用户返回该表单的第一个字段。

有什么想法如何用javascript实现吗？

Answer 1

我可以通过disabled不可见的表单中的字段来做到这一点，因此浏览器知道可以跳过它们，而与导航机制无关（请考虑辅助功能）。

Answer 2

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

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