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

最新推荐文章于 2022-03-18 10:39:16 发布

KasoGG

最新推荐文章于 2022-03-18 10:39:16 发布

阅读量2.7k

点赞数

分类专栏： HTML5 文章标签： javascript input function

本文链接：https://blog.csdn.net/kasogg/article/details/7919510

版权

HTML5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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 οnlοad="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 οnlοad="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>

KasoGG

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript自动复制文本框的内容到另一个文本框中

JavaScript自动复制文本框的内容到另一个文本框中function enfocus(){ document.forms[0].copy.value = document.forms[0].data.value setTimeout("enblur()", 500)}function enblur(){ setTimeout("enfocus()
复制链接

扫一扫