<p class="listintro"><span id="sp"></span>js</p> <p style="width:340px;height:285px;float:left;"> 在做项目的时候，由于查找出来的记录很多，用户要求按下一个健后，如果以这个字母或者数字、其他字符开头的进程名称存在的话，就直接选定那个名称，于是我就用JS模拟了一个简单的查找文件的过程。<br>把文本框放到表格中（通过CSS把文本框隐藏，并且只读），为了简单我没有放上CSS，如果需要，请自己写一个，代码如下：（非常得少，而且简单 ：））<br><br></p> <br><title>Display Processes Stat</title> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br><link href="style" rel="stylesheet" type="text/css"> <br><script language="javascript"><br/>Count=0<br/>OldKey="";<br/>IfExists=false;<br/>function document.onkeypress(){<br/>if(document.all.ProcessTimes.value>0){<br/> if((Count==document.all.ProcessName.length) || (OldKey!=String.fromCharCode(event.keyCode))){<br/> Count=0;<br/> } <br/> NewKey=String.fromCharCode(event.keyCode);<br/> OldKey=String.fromCharCode(event.keyCode); <br/> Search=false; <br/> for(j=Count;j<document.all.ProcessName.length;j++){ <br/> Str=document.all.ProcessName[j].value; <br/> Tmp=Str.substr(0,1); <br/> if(Tmp==NewKey ){<br/> document.all.ProcessName[j].focus();<br/> document.all.ProcessName[j].select();<br/> Count=j+1; <br/> Search=true;<br/> IfExists=true;<br/> break;<br/> } <br/> Count++; <br/> } <br/> if( Search==false && IfExists==true){<br/> IfExists=false;<br/> Count=0;<br/> document.onkeypress();<br/> }<br/> }<br/>}<br/></script><br><br><br><br><table width="100%" border="1" cellpadding="2" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" class="txt105" style="border-collapse: collapse"> <br> <tr> <br> <td align="right" nowrap width="11%"> <br> <input name="textfield416" type="text" id="ProcessName" class="input4" value="ssdfk;d" size="19" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield42" type="text" id="ProcessName" class="input4" value="k;lk;kl;" size="8" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield43" id="ProcessName" class="input4left" value="kkkk" size="8" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield44" type="text" id="ProcessName" class="input4left" value="sd" size="8" readonly><br> </td> <br> <td align="right" nowrap width="6%"> <br> <input name="textfield45" type="text" id="ProcessName" class="input4" value="jkl;" size="10" readonly><br> </td> <br> <td align="right" nowrap width="6%"> <br> <input name="textfield46" type="text" id="ProcessName" class="input4" value="poiuyy" size="10" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield47" type="text" id="ProcessName" class="input4" value="kuoiuouhgkh" size="8" readonly><br> </td> <br> <td align="right" nowrap width="7%"> <br> <input name="textfield48" type="text" id="ProcessName" class="input4" value="qwetyuyi" size="12" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield49" type="text" id="ProcessName" class="input4left" value="iuytre" size="8" readonly><br> </td> <br> </tr> <br> <tr> <br> <td align="right" nowrap width="11%"> <br> <input name="textfield4" type="text" id="ProcessName" class="input4" value="serty" size="19" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield42" type="text" id="ProcessName" class="input4" value="mnhgbv" size="8" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield43" id="ProcessName" type="text" class="input4left" value="sdfghk" size="8" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield44" type="text" id="ProcessName" class="input4left" value="pmbnvfj" size="8" readonly><br> </td> <br> <td align="right" nowrap width="6%"> <br> <input name="textfield45" type="text" id="ProcessName" class="input4" value="yutree" size="10" readonly><br> </td> <br> <td align="right" nowrap width="6%"> <br> <input name="textfield46" type="text" id="ProcessName" class="input4" value="mjkl;h" size="10" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield47" type="text" id="ProcessName" class="input4" value="fdsa" size="8" readonly><br> </td> <br> <td align="right" nowrap width="7%"> <br> <input name="textfield48" type="text" id="ProcessName" class="input4" value="lkjhgf" size="12" readonly><br> </td> <br> <td align="right" nowrap width="5%"> <br> <input name="textfield49" type="text" id="ProcessName" class="input4left" value="fdsa" size="8" readonly><br> </td> <br> </tr> <br> <input type="hidden name=ProcessTimes" value="2"><br> </table> <br><br><br><br> <center> </center> <p style="width:100%;text-align:center;margin:10px 0"> <br> <br> </p> <p style="width:100%;text-align:center;margin:10px 0"> </p> <p class="clear"></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
