<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>throttle</title>
<style>
</style>
</head>
<body>
<div id="myDiv">
Right click or ctrl+click
</div>
<form id="form">
<input type="text" name="tel1" id="txtTel1" maxlength="3">
<input type="text" name="tel2" id="txtTel2" maxlength="3">
<input type="text" name="tel3" id="txtTel3" maxlength="4">
</form>
<script>
var textbox1=document.getElementById("txtTel1");
var textbox2=document.getElementById("txtTel2");
var textbox3=document.getElementById("txtTel3");
textbox1.addEventListener("keyup",handler);
textbox2.addEventListener("keyup",handler);
textbox3.addEventListener("keyup",handler);
function handler(event) {
event=event||window.event;
target=event.target||event.srcElement;
if(target.value.length==target.maxlength){
for(var i=0,len=document.forms[0].elements.length;i<len;i++){
if(document.forms[0].elements[i]==target){
if(document.forms[0].elements[i+1]){
document.forms[0].elements[i+1].focus();
}
return;
}
}
}
}
</script>
</body>
</html>
