JavaScript自动复制文本框的内容到另一个文本框中

来源：互联网发布：手机商品期货软件编辑：程序博客网时间：2024/05/07 17:19

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript自动复制文本框的内容到另一个文本框中</title>
<script type="text/javascript">
function enfocus()
{
   document.forms[0].copy.value = document.forms[0].data.value
   setTimeout("enblur()", 500)
}
function enblur()
{
   setTimeout("enfocus()", 5)
}
</script>
</head>
<body onload="enblur()">
<center><form>
在这里打字: <input type="text" size="40" name="data"><br>
复制的内容: <input type="text" size="40" name="copy"><br>
</form></center></body>
</html>

如果name属性中含有.的话例如name="aa.sd"，那可以添加id属性,再用getElementById获取对象（用getElementsByName获取对象不行)，改为如下的：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript自动复制文本框的内容到另一个文本框中</title>
<script type="text/javascript">

function enfocus()
{
    document.getElementByIdx_x("b").value = document.getElementByIdx_x("a").value
    setTimeout("enblur()", 500)
}
function enblur()
{
    setTimeout("enfocus()", 5)
}
</script>

<body onload="enblur()">
<center><form>
在这里打字: <input type="text" size="40" name="data.asd" id="a"><br>
复制的内容: <input type="text" size="40" name="copy.asf" id="b"><br>
</form></center></body>
</html>