Ecshop模板网
首页 > ecshop教程 > ecshop经验分享 > JavaScript自动复制文本框内容至另一个
文章详情

JavaScript自动复制文本框内容至另一个

ecshop模板网 / 2010-02-26

JavaScript自动复制文本框的内容到另一个文本框中,以前还没有见到过,不过作为学习实例,研究研究还是有用的。当你在第一个文本框中打字时,第二个文本框会自动复制出第一个文本框的内容,用JS去复制对象。

<HTML>
<HEAD>
<title>文本框内容的自动复制</title>
<SCRIPT LANGUAGE="JavaScript"><!-- hide from old browsers
function enfocus()
{
    document.forms[0].Data.focus()
    document.forms[0].Copy.value = document.forms[0].Data.value
    setTimeout("enblur()", 500)
}
function enblur()
{
    document.forms[0].Data.blur()
    setTimeout("enfocus()", 5)
}

<!-- done hiding -->
</SCRIPT>
</HEAD>
<BODY onLoad="setTimeout('enblur()', 500)">
<CENTER><FORM>
在这里打字: <INPUT TYPE="TEXT" SIZE=40 NAME="Data"><br>
复制的内容: <INPUT TYPE="TEXT" SIZE=40 NAME="Copy"><br>
<INPUT TYPE="BUTTON" VALUE="清 除" onClick="document.forms[0].Data.value=''">
</FORM></CENTER>
</body>
</html>

下一篇: 屏蔽ecshop云提示no_license 上一篇: 给网站加上背景音乐的方法
 用户评论(共 0 条评论)
  • 暂时还没有任何用户评论
用户名: 匿名用户 E-mail:
当前心情:
评论内容:
验证码: captcha
返回顶部 返回首页
 
QQ在线咨询
售前电话热线
#
售前QQ客服