这篇文章介绍了JS代码同步文本框内容的方法
有需要的朋友可以参考一下
HTML代码
复制代码 代码如下:
<html>
<head>
<script>
//同步函数
function synchronize(){
document
getElementById(
i
)
value =document
getElementById(
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" />
