[javascript & jQuery] nput 박스 숫자 입력시 자동 포커스 이동

html

<input type="number" name="tel" class="input-num-size" maxlength='3'><label for="" class="blind">입력창</label>

<span class="wave">-</span>

<input type="number" name="tel" class="input-num-size" maxlength='3'><label for="" class="blind">입력창</label>

<span class="wave">-</span>

<input type="number" name="tel" class="input-num-size" maxlength='4'><label for="" class="blind">입력창</label>

jQuery

// :::::::::::::::::::::::::: input 입력시 자동 넘기기

$('.input-num-size').keyup (function () {

var charLimit = $(this).attr("maxlength");

console.log(charLimit);

if (this.value.length >= charLimit) {

console.log(this.value.length);

$(this).next().next().next('.input-num-size').focus();

return false;

}

});

* jQuery 작성시 $(document).ready(function(){}); 입력 후 해야한다.