Copy Code code as follows:
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>test javascript</title>
<script type= "Text/javascript" >
Window.onload = function () {
var eventutil = {
Addhandler:function (Element,type,handler) {
if (element.addeventlistenter) {
Element.addeventlistenter (Type,handler,false);
else if (element.attachevent) {
Element.attachevent ("on" +type,handler);
} else {
element["on" +type] = handler;
}
},
Getevent:function (event) {
return event?event:window.event;
},
Gettarget:function () {
return Event.target | | Event.srcelement;
},
Preventdefault:function () {
if (Event.preventdefault) {
Event.preventdefault ();
} else {
Event.returnvalue = false;
}
},
Stoppropagation:function () {
if (event.stoppropagation) {
Event.stoppropagation ();
} else {
Event.cancelbuddle = true;
}
},
Removehandler:function (Element,type,handler) {
if (element.removeeventlistenter) {
Element.addeventlistenter (Type,handler,false);
else if (element.detachevent) {
Element.detachevent ("on" +type,handler);
} else {
element["on" +type] = null;
}
},
Getcharcode:function (event) {
if (typeof Event.charcode = = "Number") {
return event.charcode;
} else {
return event.keycode;
}
},
Getclipboardtext:function (event) {
var clipboarddata = Event.clipboarddata | | Window.clipboarddata;
Return Clipboarddata.getdata ("text");
},
Setclipboardtext:function (Event,value) {
if (event.clipboarddata) {
Return Event.clipboardData.setData ("Text/plain", value);
else if (window.clipboarddata) {
Return Window.clipboardData.setData ("text", value);
}
}
}
var textarea = document.forms[0].elements["text"];
var button = document.getElementById ("button");
(function () {
function Tabforward (event) {
event = Eventutil.getevent (event);
var target = Eventutil.gettarget (event);
if (target.value.length = = target.maxlength) {
var form = target.parentelement;
for (var I=0,len = form.elements.length;i<len-1;i++) {
if (form.elements[i] = = target) {
Form.elements[i+1].focus ();
return;
}
}
}
}
var textTel1 = document.getElementById ("TxtTel1");
var TextTel2 = document.getElementById ("TxtTel2");
var textTel3 = document.getElementById ("TxtTel3");
Eventutil.addhandler (TextTel1, "KeyUp", Tabforward);
Eventutil.addhandler (TextTel2, "KeyUp", Tabforward);
Eventutil.addhandler (TextTel3, "KeyUp", Tabforward);
})();
}
</script>
<body>
<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= "3"/>
</form>
</body>
