国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:49:02
字體:
來源:轉載
供稿:網友
這篇文章介紹了JS代碼同步文本框內容的方法,有需要的朋友可以參考一下

HTML代碼:

復制代碼 代碼如下:


<html>
   <head>
     <script>
      //同步函數
      function synchronize(){
        document.getElementById('i1').value =document.getElementById('i2').value;
        //alert("同步成功");
     }
      //執行同步
      setInterval(synchronize,500);//同步的時間間隔,每0.5秒同步一次
      </script>
   </head>
   <body>
      在第二個輸入框中輸入字符,會自動同步到第一個輸入框。<br/><br/>
      第一個輸入框:<input type="text"  size="45"><br/><br/>
      第二個輸入框:<input type="text"  size="45">
   </body>
</html>


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

復制代碼 代碼如下:


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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 罗甸县| 萝北县| 抚顺县| 兖州市| 乡宁县| 迁安市| 合山市| 凤庆县| 土默特右旗| 会昌县| 鹿邑县| 蓬安县| 宁陕县| 岑巩县| 永德县| 阜阳市| 玛多县| 辰溪县| 兴城市| 水城县| 封丘县| 南宫市| 蓝山县| 巴塘县| 澳门| 江油市| 普格县| 平江县| 牡丹江市| 汾西县| 丹巴县| 韶山市| 翁源县| 宝丰县| 龙川县| 崇文区| 佛冈县| 林州市| 栖霞市| 芦山县| 汝南县|