javascript - 当按下一个焦点时，将输入文本值移动到另一个带有自定义焦点按钮的位置

Question

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

例子:

来自: [ Vegetable] <-- 这是一个输入
[ Drinks(Focused)] <-- 这是一个输入
[ ] <-- 这是一个输入
[ ]

当点击下一步按钮时，它会是这样的:

[蔬菜]
[ ]
[饮料(专注)]
[ ]

www.jsfiddle.net/xSDMy/

Answer 1

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

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();
    });

});