需求背景

需要輸入一串15位的數字，但是要分為3個輸入框，每個輸入框限定長度5位，當刪除當前輸入框的內容時，focus到上一個輸入框：

實現方法

var field = $('.phone-field');
field.on('keyup', 'input.phone-input', function(e) {
  var key = e.keyCode || e.charCode;
  var inputs = $('input.phone-input');
  if ($(this).val().length === this.size) {
    inputs.eq(inputs.index(this) + 1).focus();
  }
  
  if ((key === 8 || key === 46) && $(this).val().length === 0) {
    var indexNum = inputs.index(this);
    if (indexNum != 0) {
      inputs.eq(inputs.index(this) - 1).focus();
    }
  }
})

點下面連結檢視效果

https://codepen.io/pprachel/pen/maevdK