java ip输入框_JavaScript实现IP地址的输入框方式

1

2

3

4

JScript实现的IP地址输入框

5

6

7

8 .ip_input{width:20px;height:16px;font:normal 12px 宋体;color:#000000;border:0px;text-align:center;position:relative;top:1px; }

9 .all_input{width:112;height:20px;font:normal 8px 宋体;color:#000000;border:1px solid #000000;text-align:center; }

10

11

12

13

14 functiongetPos(obj)15 {16 obj.focus();17 varworkRange=document.selection.createRange();18 obj.select();19 varallRange=document.selection.createRange();20 workRange.setEndPoint("StartToStart",allRange);21 varlen=workRange.text.length;22 workRange.collapse(false);23 workRange.select();24 returnlen;25 }26

27

28 functionsetCursor(obj,num)29 {30 range=obj.createTextRange();31 range.collapse(true);32 range.moveStart('character',num);33 range.select();34 }35

36 functionkeyDownEvent(obj)37 {38 code=event.keyCode;39 if(!((code>=48&&code<=57)||(code>=96&&code<=105)||code==190||code==110||code==13||code==9||code==39||code==8||code==46||code==99||code==37))40 event.returnValue=false;41 if(code==13)42 event.keyCode=9;43 if(code==110||code==190)44 if(obj.value)45 event.keyCode=9;46 else

47 event.returnValue=false;48 }49

50 functionkeyUpEvent(obj0,obj1,obj2)51 {52 if(obj1.value> 255)53 {54 alert("填写范围必须在 0 - 255间");55 obj1.value=obj1.value.substring(0, obj1.value.length- 1);56 return;57 }58 code=event.keyCode59

60 if(obj1.value.length>=3&&code!=37&&code!=39&&code!=16&&code!=9&&code!=13)61 obj2.focus();62

63 if(code== 32)64 obj2.focus();65

66 if(code== 8 &&obj1.value.length== 0)67 {68 obj0.focus();69 setCursor(obj0,obj0.value.length);70 }71

72 if(code== 37 &&(getPos(obj1)== 0))73 {74 obj0.focus();75 setCursor(obj0,obj0.value.length);76 }77 if(code== 39 &&(getPos(obj1)==obj1.value.length))78 {79 obj2.focus();80 }81 }82 functionkeyUpEventForIp4(obj0,obj)83 {84 if(obj.value> 255)85 {86 alert("填写范围必须在 0 - 255间");87 obj.value=obj.value.substring(0, obj.value.length- 1);88 return;89 }90 if(code== 8 &&obj.value.length== 0)91 {92 obj0.focus();93 setCursor(obj0,obj0.value.length);94 }95 if(code== 37 &&(getPos(obj)== 0))96 {97 obj0.focus();98 setCursor(obj0,obj0.value.length);99 }100

101 }102 functiongetipvalue(obj1,obj2,obj3,obj4,obj)103 {104 obj.value=obj1.value+ "." +obj2.value+ "." +obj3.value+ "." +obj4.value;105 alert(obj.value);106 }107

108

109

110

111 ???

115

116

117