欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS代碼同步文本框內(nèi)容的實(shí)例方法

 更新時(shí)間：2013年07月12日 11:37:32   作者：  
這篇文章介紹了JS代碼同步文本框內(nèi)容的方法，有需要的朋友可以參考一下

HTML代碼：

復(fù)制代碼 代碼如下:

<html>
   <head>
     <script>
      //同步函數(shù)
      function synchronize(){
        document.getElementById('i1').value =document.getElementById('i2').value;
        //alert("同步成功");
     }
      //執(zhí)行同步
      setInterval(synchronize,500);//同步的時(shí)間間隔，每0.5秒同步一次
      </script>
   </head>
   <body>
      在第二個(gè)輸入框中輸入字符，會(huì)自動(dòng)同步到第一個(gè)輸入框。<br/><br/>
      第一個(gè)輸入框：<input type="text"  size="45" id="i1" name="first"><br/><br/>
      第二個(gè)輸入框：<input type="text"  size="45" id="i2" name="second">
   </body>
</html>

把上面的HTML代碼保存成html格式文件，用瀏覽器打開，就可以看到效果了。注意：有些瀏覽器為了安全起見，禁止執(zhí)行本地腳本，請(qǐng)點(diǎn)擊“運(yùn)行”即可。
再查找資料的過程中，發(fā)現(xiàn)不僅僅change事件可以處理，其他事件也可以處理。例如：keyup事件等。這里再貼一下另外連個(gè)例子片段：
復(fù)制代碼 代碼如下:

//這個(gè)不是即時(shí)性的改變
<input type="text" id="t1" value="" size="45" onchange="document.getElementById('t2').value=this.value" />
<input type="text" id="t2" value="" size="45" onchange="document.getElementById('t1').value=this.value" />
//這個(gè)是即時(shí)性的改變,但如果你用鼠標(biāo)標(biāo)操作他不會(huì)檢測(cè)到,所以你可以把這上下兩個(gè)結(jié)合下.
<input type="text" id="t3" value="" size="45" onkeyup="document.getElementById('t4').value=this.value" />
<input type="text" id="t4" value="" size="45" onkeyup="document.getElementById('t3').value=this.value" />

相關(guān)文章

最新評(píng)論