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

时间:2013-04-24 04:55:05

标签: javascript jquery html css

我的自定义2按钮的代码很少,例如输入上的tab或shift + tab。 我的问题是:如何将输入文本值移动到下一个焦点。

示例:

自:
[蔬菜]< - 这是一个输入
[饮料(重点)]< - 这是一个输入
[]< - 这是一个输入
[]

单击下一个按钮时,它将如下所示:

[蔬菜]
[]
[饮料(重点)]
[]

www.jsfiddle.net/xSDMy /

1 个答案:

答案 0 :(得分: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();
    });

});

相关问题