上下左右键控制光标在文本框内移动

xml 代码
  1. <html>      
  2.   <head>      
  3.   <title>Untitled   Documenttitle>      
  4.   <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">      
  5.   <script   language="javascript">      
  6.   var   cols=3;      
  7.   var   obj;      
  8.   var   CanMove=false;      
  9.   var   key;      
  10.   function   setobj(input){      
  11.   obj=input;      
  12.   }      
  13.        
  14.   function   init(){      
  15.   document.onkeydown=keyDown;      
  16.   document.onkeyup=keyUp;      
  17.   }      
  18.        
  19.   function   keyDown(DnEvents){      
  20.   var   key=window.event.keyCode;      
  21.   if(key==116){      
  22.   window.event.keyCode=0;      
  23.   return   false;      
  24.   }      
  25.   if(key==8){      
  26.   if(event.srcElement.tagName!="INPUT"){      
  27.   event.cancelBubble   =   true;      
  28.   event.returnValue   =   false;      
  29.   return   false;      
  30.   }      
  31.   }      
  32.   var   IsCtrl=window.event.ctrlKey;      
  33.   if(!IsCtrl){      
  34.   return;      
  35.   }      
  36.   for(var   i=0;i<document.forms[0].elements.length;i++){      
  37.   if(document.forms[0].elements[i]==obj){      
  38.   if   (key   ==   37){//←      
  39.   if(i>0){      
  40.   document.forms[0].elements[i-1].focus();      
  41.   }      
  42.   }      
  43.   if   (key   ==   38){//↑      
  44.   if(i>cols-1){      
  45.   document.forms[0].elements[i-cols].focus();      
  46.   }      
  47.   }      
  48.   if   (key   ==   39){//→      
  49.   if(i<document.forms[0].elements.length-1){      
  50.   document.forms[0].elements[i+1].focus();      
  51.   }      
  52.   }      
  53.   if   (key   ==   40){//↓      
  54.   if(i<document.forms[0].elements.length-cols){      
  55.   document.forms[0].elements[i+cols].focus();      
  56.   }      
  57.   }      
  58.   }      
  59.   }      
  60.        
  61.   }      
  62.        
  63.   function   keyUp(UpEvents){      
  64.   return   false;      
  65.   }      
  66.   script>      
  67.   head>      
  68.        
  69.   <body   bgcolor="#FFFFFF"   text="#000000"   onload="init()">      
  70.   <form>      
  71.   <table   border="0"   cellspacing="0"   cellpadding="0"   align="center">      
  72.       <tr>      
  73.           <td>      
  74.               <input   type="text"   name="textfield"   onfocus="setobj(this)">      
  75.           td>      
  76.           <td>      
  77.               <input   type="text"   name="textfield2"   onfocus="setobj(this)">      
  78.           td>      
  79.           <td>      
  80.               <input   type="text"   name="textfield3"   onfocus="setobj(this)">      
  81.           td>      
  82.       tr>      
  83.       <tr>      
  84.           <td>        
  85.               <input   type="text"   name="textfield5"   onfocus="setobj(this)">      
  86.           td>      
  87.           <td>        
  88.               <input   type="text"   name="textfield6"   onfocus="setobj(this)">      
  89.           td>      
  90.           <td>        
  91.               <input   type="text"   name="textfield7"   onfocus="setobj(this)">      
  92.           td>      
  93.       tr>      
  94.   table>      
  95.   form>      
  96.   用Ctrl+方向键可以方便的在控件中移动,你也可以自己改成不要Ctrl的。      
  97.   body>      
  98.   html>  

你可能感兴趣的:(上下左右键控制光标在文本框内移动)