jquery模糊，但保持制表符位置

Question

我在一个页面上有一堆输入字段，需要为那些只使用键盘来按tab键并填写所有内容的人工作。

其中一个文本字段在输入某些文本时会做一些额外的工作。在这项工作结束时，我希望焦点从输入字段中移开。我使用了$(this).blur()；来去除焦点。

问题是，在那之后，当你按键盘上的tab键时，你从页面的开头开始。如何模糊但保持选项卡在页面上的位置？

注意:我不能使用任何类型的：

     $(this).next().focus();

因为下一个输入可能是另一种类型的输入，当被关注时，它会启动其他东西。因此，我不希望用户在主动选择/跳转到它之前体验其他东西。

这里有一个我正在讨论的jfiddle示例：http://jsfiddle.net/DqVvf/1/

尝试单击第一个输入，输入内容，按tab键转到"zip“字段，然后按键盘上的零键。这会触发模糊效果。然后再次按tab键，您将返回到页面上的第一个输入。

Answer 1

也许你可以在zip和somethingElse之间放置一个看不见的输入(display:none或类似的)，并将其作为焦点，而不仅仅是模糊zip？然后，当用户按tab键时，它将移动到somethingElse。

Answer 2

Something Else: <input class="denied" tabindex="-1" type='text' id='somethingElse'>

通过将tabindex设置为-1，您将不允许顺序焦点导航。

See this SO question for more info

JSFIDDLE