javascript - Angularjs - 按键上的下一个输入

Question

我一直在尝试实现一个指令，它会在用户每次敲击键盘时进行监视。

我有四个不同的输入，每个输入都有一个字符，用户应该填写下一个表单

我为此写了一个指令，但它不起作用

这是我的代码:

JS:

var app = angular.module('app', []);
app.directive('focus', function() {
  return {
    restrict: 'A',
    link: function($scope,elem,attrs) {

      elem.bind('keydown', function(e) {
         elem.next().focus();

      });
    }
  }
})

HTML:

<div ng-app="app">
    <form>
        <input  focus type="text"   /> 
        <input  focus type="text"   /> 
        <input focus type="text"   />
    </form>
</div>

Jsfiddle:http://jsfiddle.net/Y2XLA/109/

非常相似的问题:angularjs move focus to next control on enter

可能这很简单，但我没有做对

非常感谢!

Answer 1

解决方法很简单，在.next()后面加一个[0]就可以了:

    elem.bind('keydown', function (e) {
        elem.next()[0].focus();
    });

但您可能想使用 keyup 而不是 keydown，因此您在切换到下一个输入字段之前将值输入到旧输入字段。更新 fiddle :http://jsfiddle.net/Y2XLA/110/

您还应该为 elem.next() 不是输入字段的情况添加一些处理。