Mottie Keyboard：入力フィールドがmaxlengthのときにフォーカスを変更

Question

入力フィールドがmaxlengthに等しい場合、入力を自動的に次の入力に変更します。入力フィールドはMottie Keyboardと統合されています。これは可能ですか？私はMottieキーボードで上記のスクリプトを組み合わせると、それは動作しません

$("input").bind("input", function() { 
     var $this = $(this); 
     setTimeout(function() { 
      if ($this.val().length >= parseInt($this.attr("maxlength"),10)) 
       $this.next("input").focus(); 
     },0); 
    }); 

：仮想キーボードを使用しない場合JSFIDDLE

、それはこのコードを使用するのは簡単です：

はここでDEMOです。

Answer 1

に動作しますか？ （demo）あなたが必要なものを達成するためにswitchInput API機能をchangeコールバックを使用して、そこに私の応答を要約する

：

HTML（例）

<input type="text" /> <!-- max len = 3 --> 
<input type="text" /> <!-- max len = 3 --> 
<input class="last" type="text" /> <!-- max len = 4 --> 

スクリプト

$(function() { 
    $("input").keyboard({ 
    position: { 
     // position under center input 
     of: $("input:eq(1)"), 
     // move down 12px; not sure why it doesn't line up 
     my: 'center top+12', 
     at: 'center top' 
    }, 
    enterNavigation: true, 
    maxLength: 4, 
    layout: 'num', 
    autoAccept: true, 
    usePreview: false, 
    change: function(e, keyboard, el) { 
     var len = keyboard.$el.hasClass("last") ? 4 : 3; 
     if (keyboard.$el.val().length >= len) { 
     // switchInput(goToNext, isAccepted); 
     keyboard.switchInput(true, true); 
     } else if (keyboard.$el.val() === "" && keyboard.last.key === "bksp") { 
     // go to previous if user hits backspace on an empty input 
     keyboard.switchInput(false, true); 
     } 
    } 
    }); 
}); 

Answer 2

次のように使用してみてください、希望はこれは私があなたにも、リポジトリ内issueを開いたと思います

$("input").on("focus blur", function() { 
    var $this = $(this), 
     value = $this.val(), 
     maxLength = $this.attr("maxlength"); 
    if (value.length >= maxLength ){ 
     $this.next("input").focus(); 
    }  
});