Переход по input javascript

document.querySelector('form').addEventListener('input', function (e) { 
  var inp = event.target; 
  var inps = this.querySelectorAll('input'); 
  var value = Array.prototype.map.call(inps, x => x.value).join(''); 
  var i = +inp.dataset.start + inp.selectionStart, pos = value.length; 
   
  for (var q=0; q<inps.length; ++q) { 
    var start = +inps[q].dataset.start, len = +inps[q].dataset.len; 
    inps[q].value = value.substr(start, len); 
     
    if (start + len >= i) { 
      inp = inps[q]; 
      pos = i - start; 
      i = NaN; 
    } 
  } 
   
  inp.focus(); 
  inp.selectionStart = inp.selectionEnd = pos; 
})

<form> 
  <input type="text" name="inp" data-start="0" data-len="3" size="3"> 
  <input type="text" name="inp" data-start="3" data-len="3" size="3"> 
  <input type="text" name="inp" data-start="6" data-len="4" size="4"> 
</form>

function jmp(e){ 
    var max = ~~e.getAttribute('maxlength'); 
    if(max && e.value.length >= max){ 
        do{ 
            e = e.nextSibling; 
        } 
        while(e && !(/text/.test(e.type))); 
        if(e && /text/.test(e.type)){ 
            e.focus(); 
        } 
    } 
}

<div> 
  <p>Введите серийный номер</p> 
    <input type="text" onkeyup="jmp(this);" maxlength="5" size="5">- 
    <input type="text" onkeyup="jmp(this);" maxlength="4" size="4">- 
    <input type="text" onkeyup="jmp(this);" maxlength="7" size="7">- 
    <input type="text" onkeyup="jmp(this);" maxlength="5" size="5"> 
</div>