熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JS代碼同步文本框內容的實例方法

2013-11-15 12:06:35  來源: JSP教程 
這篇文章介紹了JS代碼同步文本框內容的方法有需要的朋友可以參考一下  

  HTML代碼

復制代碼 代碼如下:
<html>
   <head>
     <script>
      //同步函數
      function synchronize(){
        documentgetElementById(i)value =documentgetElementById(i)value;
        //alert("同步成功");
     }
      //執行同步
      setInterval(synchronize);//同步的時間間隔秒同步一次
      </script>
   </head>
   <body>
      在第二個輸入框中輸入字符會自動同步到第一個輸入框<br/><br/>
      第一個輸入框<input type="text"  size="" id="i" name="first"><br/><br/>
      第二個輸入框<input type="text"  size="" id="i" name="second">
   </body>
</html>

  
把上面的HTML代碼保存成html格式文件用浏覽器打開就可以看到效果了注意有些浏覽器為了安全起見禁止執行本地腳本請點擊“運行”即可
再查找資料的過程中發現不僅僅change事件可以處理其他事件也可以處理例如keyup事件等這裡再貼一下另外連個例子片段

復制代碼 代碼如下:

  
//這個不是即時性的改變
<input type="text" id="t" value="" size="" onchange="documentgetElementById(t)value=thisvalue" />
<input type="text" id="t" value="" size="" onchange="documentgetElementById(t)value=thisvalue" />
//這個是即時性的改變但如果你用鼠標標操作他不會檢測到所以你可以把這上下兩個結合下
<input type="text" id="t" value="" size="" onkeyup="documentgetElementById(t)value=thisvalue" />
<input type="text" id="t" value="" size="" onkeyup="documentgetElementById(t)value=thisvalue" />


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20308.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.