masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JS代码同步文本框内容的实例方法_javascript技巧

JS代码同步文本框内容的实例方法_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:29:03
asal
1076 orang telah melayarinya

HTML代码：

复制代码 代码如下:


  
     <script> <BR> //同步函数 <BR> function synchronize(){ <BR> document.getElementById('i1').value =document.getElementById('i2').value; <BR> //alert("同步成功"); <BR> } <BR> //执行同步 <BR> setInterval(synchronize,500);//同步的时间间隔，每0.5秒同步一次 <BR> </script>
  
  
      在第二个输入框中输入字符，会自动同步到第一个输入框。


      第一个输入框：


      第二个输入框：
  


把上面的HTML代码保存成html格式文件，用浏览器打开，就可以看到效果了。注意：有些浏览器为了安全起见，禁止执行本地脚本，请点击“运行”即可。
再查找资料的过程中，发现不仅仅change事件可以处理，其他事件也可以处理。例如：keyup事件等。这里再贴一下另外连个例子片段：
复制代码 代码如下:

//这个不是即时性的改变


//这个是即时性的改变,但如果你用鼠标标操作他不会检测到,所以你可以把这上下两个结合下.


Label berkaitan：
js 同步 文本框
sumber：php.cn
Artikel sebelumnya：浅析ajax请求json数据并用js解析(示例分析)_jquery Artikel seterusnya：网页前端优化之滚动延时加载图片示例_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...
daripada 2024-04-06 19:54:23
0
1
444
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
daripada 2024-04-06 15:49:33
0
1
319
Patutkah kita menggunakan SSG untuk menggunakan papan pemuka yang dibuat dengan Nuxt.js? Kami akan membangunkan papan pemuka untuk kegunaan dalaman menggunakan Nuxt.js. Memandangk...
daripada 2024-04-06 13:17:44
0
1
493
Elektron mendapat AppData pada pramuat Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunct...
daripada 2024-04-06 11:05:31
0
1
417
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan