在网页上复制文字或代码，特别是代码，一不小心很容易复制少了或者复制多了，所谓差之毫厘，谬以千里，恰恰就因为一个代码的差异，造成诸多的错误，解决这个问题就是把要复制的代码添加在文本域中，普通文本域需要点击文本区域，全选，复制等动作，感觉有点麻烦，现在我通过改进，利用JS实现文本区域自动全选，一键复制，非常方便，以下是代码，希望对你有帮助。

第一种简单型

<script type="text/javascript">
function copyUrl1()//对应的是onClick="copyUrl1()"
{
var Url1=document.getElementById("第1种");//前面对应的是onClick="copyUrl1()"，选择第1种，即id="第1种"，实际应用中尽量写成英文格式
Url1.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("内容已复制");
}
</script>
<p><textarea cols="50" rows="2" id="第1种">第一种要复制的内容</textarea><!--这里的“cols="50" rows="2"”表示50个字符宽，2行的文本区-->
<input type="button" onClick="copyUrl1()" value="点击复制" /></p>

第二种可以CSS定义型

<script type="text/javascript">
function copyUrl2()//对应的是onClick="copyUrl2()"
{
var Url2=document.getElementById("第2种");//前面对应的是onClick="copyUrl2()"，选择第2种，即id="第2种"，实际应用中尽量写成英文格式
Url2.select(); // 选择对象，对应的是onClick="copyUrl2()"
document.execCommand("Copy"); // 执行浏览器复制命令
alert("内容已复制");
}
</script>
<p>
<textarea name="fuzhi" id="第2种" style="width:330px; height:50px;color: #FF0000;border:1px solid #000099;border-radius:5px;" onclick="oCopy(this)">第二种要复制的内容</textarea>
<input type="button" name="fzan" onClick="copyUrl2()" style="height: 25px;width: 80px;background-color: #99CCFF;color: rgb(255, 255, 255);letter-spacing: 0.2em;border: 1px solid #000099;border-radius:5px;" value="点击复制"></p>
  

这种js兼容各种浏览器点击复制代码有很多优点，即可在IE兼容模式下运行，同时也可以在高速模式下运行，相比JS+flash的复制代码，它更可以在手机上使用，因为现在的手机新版本基本都不支持flash。

点击下载源代码

访问密码：8823

点击运行源代码