jquery - 我们如何在主干 js 中使用 autotab

Question

我有一个 Backbonejs 视图。

如何使用 autotab - 基本上当有人在一个输入字段中输入一定长度的字符时，它会自动转到另一个输入字段 - 在 Backbonejs 视图中？

http://www.mathachew.com/sandbox/jquery-autotab/

基本上，如何将上面的插件集成到主干 js 视图中？

Answer 1

插件很烂，写你自己的东西！

HTML

<input type="text" data-autotab="4" class="autotab" name="name"></input>
<input type="text" data-autotab="4" class="autotab" name="surname"></input>

jQuery

var $autotabs = $('input.autotab');
$autotabs.on('keyup', function() {
    var $this = $(this),
        i = $autotabs.index($this);
    if ($this.data('autotab') === $this.val().length) {
        $this.blur();
        $autotabs.eq(i+1).focus();
    }
});

演示http://jsfiddle.net/DACY2/1/

Answer 2

好的，这就是你为那个插件做绑定的方式

$('#area_code, #number1, #number2').autotab_magic().autotab_filter('numeric');

在该视图的主干渲染功能的末尾添加

this.$('#area_code, #number1, #number2').autotab_magic().autotab_filter('numeric');

达到同样的效果