Js脚本实现一键全文复制功能

在平常的网页中有的文本框旁边有个一键复制的按钮，具体是怎么实现的呢，，下面这段代码就是关于调用JavaScript来实现的，记住节点必须是文本框，input标签是不可以的，有需要的可以根据自己的需求更改显示界面。

Js脚本复制代码：


<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一键复制功能 - soujiz.com</title>
</head>
<body>
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao");
//alert(obj);
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("复制成功，快去贴粘吧。");
}
</script>
<div align="center">
<table border=1 bordercolor=#FFFFFF style="border-collapse: collapse">
    <tr vAlign=top align=center bgcolor=#FFF>
        <th width=90><input style="width: 100px; height: 25px" type="button"
            onClick="copyUrl2()"
            value="点击即可复制" /><br>
        </th>
    </tr>
    <tr vAlign=top align=center bgcolor=#F1F1FD>
        <td><textarea cols="10" rows="5" id="biao">这里是要复制的内容，你也可以在文本框里直接输入</textarea>
        </td>
    </tr>
</TABLE>
</div>
</body>
</html>
<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一键复制功能 - soujiz.com</title>
</head>
<body>
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao");
//alert(obj);
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("复制成功，快去贴粘吧。");
}
</script>
<div align="center">
<table border=1 bordercolor=#FFFFFF style="border-collapse: collapse">
    <tr vAlign=top align=center bgcolor=#FFF>
        <th width=90><input style="width: 100px; height: 25px" type="button"
            onClick="copyUrl2()"
            value="点击即可复制" /><br>
        </th>
    </tr>
    <tr vAlign=top align=center bgcolor=#F1F1FD>
        <td><textarea cols="10" rows="5" id="biao">这里是要复制的内容，你也可以在文本框里直接输入</textarea>
        </td>
    </tr>
</TABLE>
</div>
</body>
</html>
<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一键复制功能 - soujiz.com</title>
</head>
<body>
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao");
//alert(obj);
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("复制成功，快去贴粘吧。");
}
</script>
<div align="center">
<table border=1 bordercolor=#FFFFFF style="border-collapse: collapse">
    <tr vAlign=top align=center bgcolor=#FFF>
        <th width=90><input style="width: 100px; height: 25px" type="button"
            onClick="copyUrl2()"
            value="点击即可复制" /><br>
        </th>
    </tr>
    <tr vAlign=top align=center bgcolor=#F1F1FD>
        <td><textarea cols="10" rows="5" id="biao">这里是要复制的内容，你也可以在文本框里直接输入</textarea>
        </td>
    </tr>
</TABLE>
</div>
</body>
</html>

使用，新建一个txt文件，然就代码全部复制，更改后缀为html即可预览效果了

版权声明本站名称：大雄搜集站
本站永久网址：https://soujiz.com
1 本站资源大多存储在云盘，如有链接失效，请留言反馈站长更新！
2 本站各种资源及源码软件大部分为网络搜集而来，如有侵犯版权的，请邮件与我们联系，本站将予以改正。
3 由于网络资源有极快的复制性，付费资源一经购买，不以任何形式退款，购买过程中如有付费资源失效，请及时联系站长。

THE END