js复制文本框中内容的一段代码

发布时间:2020-10-21编辑:脚本学堂
用js代码复制文本框中的内容,一个简单的例子,适合初学的朋友参考。

完整代码如下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>复制文本框中内容---js代码</title>
<style type="text/css">
    body{
        font-size:12px;
    }
    a:link{
        text-decoration:none;
        color:#000000;
    }
    a:hover{
        text-decoration:none;
        color:#000000;
    }
    a:active{
        text-decoration:none;
        color:#000000;
    }
    a:visited{
        text-decoration:none;
        color:#000000;
    }
</style>
</head>
<body>
<script language="javascript">
    function CopyValue(input)
    {
        input.select();
        window.clipboardData.setData('text', input.value);
        alert('已经复制到剪贴板');
    }
    function copyfun(i)
    {
        var bv=document.getElementById(i);
        CopyValue(bv);
    }
</script>
<table>
<tr>
<td>
    <textarea name="text" cols="80" rows="2" id="text">&lt;a href=http://www.jb200.com target="_blank"&gt;脚本学堂,欢迎大家的光临。&lt;/a&gt;</textarea>
    <input type="button" name="Submit" value="复制" onclick="copyfun('text')" />
    <br/>
</td>
</tr>
<table>
</body>
</html>