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');

具有相同的效果

我们如何在骨干js中使用autotab

2 个答案: