javascript - 当按下到下一个焦点时，使用自定义焦点按钮将输入文本值移动到另一个

Question

我几乎没有带有自定义 2 按钮的代码，可以在输入上使用 tab 或 shift+tab。我的问题是：如何将输入文本值移动到下一个焦点。

例子：

来自：
[蔬菜] <-- 这是一个输入
[ Drinks(Focused)] <-- 这是一个输入
[ ] <-- 这是一个输入
[ ]

单击下一步按钮时，它将是这样的：

[ 蔬菜]
[ ]
[ 饮料（重点）]
[ ]

www.jsfiddle.net/xSDMy/

Answer 1

我将您的小提琴修改为工作状态。尽管我建议您重构代码以使其更易于阅读和维护。

http://jsfiddle.net/xSDMy/3/

$(document).ready(function(){
    var $curr;

    $('.Tabbing').on('focus',function(){
      $curr = $(this);
    });

    $('.prevFocus, .nextFocus').on('click', function( e ){
      var inputElem = $curr.closest('li')[ $(this).hasClass("nextFocus") ? "next" :      "prev" ]('li').find('.Tabbing');
      var curVal = $curr.val();
      $curr.val("");

      inputElem.val(curVal);
      inputElem.focus();
    });

});