• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
    • 軟件測試技術
    • 軟件測試博客
    • 軟件測試視頻
    • 開源軟件測試技術
    • 軟件測試論壇
    • 軟件測試沙龍
    • 軟件測試資料下載
    • 軟件測試雜志
    • 軟件測試人才招聘
      暫時沒有公告

    字號: | 推薦給好友 上一篇 | 下一篇

    一段模擬按鍵查找文件的JS

    發布: 2007-7-14 19:53 | 作者: 佚名    | 來源: 網絡轉載     | 查看: 13次 | 進入軟件測試論壇討論

    領測軟件測試網 在做項目的時候,由于查找出來的記錄很多,用戶要求按下一個健后,如果以這個字母或者數字、其他字符開頭的進程名稱存在的話,就直接選定那個名稱,于是我就用JS模擬了一個簡單的查找文件的過程。
    把文本框放到表格中(通過CSS把文本框隱藏,并且只讀),為了簡單我沒有放上CSS,如果需要,請自己寫一個,代碼如下:(非常得少,而且簡單 :))
    <html>
    <head>
    <title>Display Processes Stat</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <link href="style" rel="stylesheet" type="text/css"></head><body leftmargin="0" topmargin="0">
    <script language="javascript">
    Count=0
    OldKey="";
    IfExists=false;
    function document.onkeypress(){
    if(document.all.ProcessTimes.value>0){
      if((Count==document.all.ProcessName.length) || (OldKey!=String.fromCharCode(event.keyCode))){
         Count=0;
      }      
        NewKey=String.fromCharCode(event.keyCode);
        OldKey=String.fromCharCode(event.keyCode);    
        Search=false;    
      for(j=Count;j<document.all.ProcessName.length;j++){  
           Str=document.all.ProcessName[j].value;       
           Tmp=Str.substr(0,1);           
           if(Tmp==NewKey ){
            document.all.ProcessName[j].focus();
            document.all.ProcessName[j].select();
            Count=j+1;    
            Search=true;
            IfExists=true;
            break;
            }        
            Count++;        
            }            
        if( Search==false && IfExists==true){
          IfExists=false;
          Count=0;
          document.onkeypress();
          }
      }
    }
    </script>



    <table width="100%" border="1" cellpadding="2" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" class="txt105"style="border-collapse: collapse" >
      <tr>
        <td align="right" nowrap width="11%">
          <input name="textfield416" type="text" id=ProcessName class="input4" value="ssdfk;d" size="19" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield42" type="text" id=ProcessName class="input4" value="k;lk;kl;" size="8" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield43"  type="text" id=ProcessName class="input4left" value="kkkk" size="8" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield44" type="text" id=ProcessName class="input4left" value="sd" size="8" readonly>
        </td>
        <td align="right" nowrap width="6%">
          <input name="textfield45" type="text" id=ProcessName class="input4" value="jkl;" size="10" readonly>
        </td>
        <td align="right" nowrap width="6%">
          <input name="textfield46" type="text" id=ProcessName class="input4" value="poiuyy" size="10" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield47" type="text" id=ProcessName class="input4" value="kuoiuouhgkh" size="8" readonly>
        </td>
        <td align="right" nowrap width="7%">
          <input name="textfield48" type="text" id=ProcessName class="input4" value="qwetyuyi" size="12" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield49" type="text" id=ProcessName class="input4left" value="iuytre" size="8" readonly>
        </td>
      </tr>
      <tr>
        <td align="right" nowrap width="11%">
          <input name="textfield4" type="text" id=ProcessName class="input4" value="serty" size="19" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield42" type="text" id=ProcessName class="input4" value="mnhgbv" size="8" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield43" id=ProcessName type="text" id=ProcessName class="input4left" value="sdfghk" size="8" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield44" type="text" id=ProcessName class="input4left" value="pmbnvfj" size="8" readonly>
        </td>
        <td align="right" nowrap width="6%">
          <input name="textfield45" type="text" id=ProcessName class="input4" value="yutree" size="10" readonly>
        </td>
        <td align="right" nowrap width="6%">
          <input name="textfield46" type="text" id=ProcessName class="input4" value="mjkl;h" size="10" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield47" type="text" id=ProcessName class="input4" value="fdsa" size="8" readonly>
        </td>
        <td align="right" nowrap width="7%">
          <input name="textfield48" type="text" id=ProcessName class="input4" value="lkjhgf" size="12" readonly>
        </td>
        <td align="right" nowrap width="5%">
          <input name="textfield49" type="text" id=ProcessName class="input4left" value="fdsa" size="8" readonly>
        </td>
      </tr>
      <input type=hidden  name=ProcessTimes value="2">
    </table>
    </body>
    </html>

    延伸閱讀

    文章來源于領測軟件測試網 http://www.kjueaiud.com/


    關于領測軟件測試網 | 領測軟件測試網合作伙伴 | 廣告服務 | 投稿指南 | 聯系我們 | 網站地圖 | 友情鏈接
    版權所有(C) 2003-2010 TestAge(領測軟件測試網)|領測國際科技(北京)有限公司|軟件測試工程師培訓網 All Rights Reserved
    北京市海淀區中關村南大街9號北京理工科技大廈1402室 京ICP備2023014753號-2
    技術支持和業務聯系:info@testage.com.cn 電話:010-51297073

    軟件測試 | 領測國際ISTQBISTQB官網TMMiTMMi認證國際軟件測試工程師認證領測軟件測試網

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>