communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JS代码同步文本框内容的实例方法_javascript技巧

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

WBOY
Libérer： 2016-05-16 17:29:03
original
1076 Les gens l'ont consulté

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事件等。这里再贴一下另外连个例子片段：
复制代码 代码如下:

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


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


Étiquettes associées：
js 同步 文本框
source：php.cn
Article précédent：浅析ajax请求json数据并用js解析(示例分析)_jquery Article suivant：网页前端优化之滚动延时加载图片示例_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...
Depuis 2024-04-06 15:49:33
0
1
319
Doit-on utiliser SSG pour déployer des tableaux de bord créés avec Nuxt.js ? Nous développerons un tableau de bord à usage interne en utilisant Nuxt.js. Puisqu’il s’ag...
Depuis 2024-04-06 13:17:44
0
1
493
Electron obtient AppData en préchargement Comment obtenir le répertoire AppData préchargé ? Background.js[...]asyncfunctioncreateWin...
Depuis 2024-04-06 11:05:31
0
1
417
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal