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>

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

© 版权声明
THE END
喜欢点个赞支持一下吧
点赞0赏币
分享
评论交流 抢沙发

请登录后发表评论