简单JS实现复制粘贴功能

今天一位网友来找我,她是做代购的,她希望她的移动端网站,用户点击“微信号”可以直接复制,然后,直接粘贴到微信上去,可以直接加好友。

 

这是非常适合用户体验的一个想法,我就顺便帮忙一下。

 

具体简单JS实现复制粘贴代码如下:

注意:文本框不能使用 disabled ;

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>复制粘贴</title>
</head>

<body>
    <script>
        function copyUrl2() {
            var Url2 = document.getElementById("biao1");
            Url2.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令用户定义的代码区域用户定义的代码区域
            alert("已复制好,可贴粘。"); //复制里面的内容
        }
    </script>

    <textarea cols="20" rows="10" readonly="readonly" id="biao1">复制里面的内容</textarea>
    <input type="button" onClick="copyUrl2()" value="点击复制代码" />
</body>

</html>

 

效果:

JS实现复制粘贴

 

总结:

以上只是一个简单的JS实现复制粘贴功能,主要是体现了它的原理。你还要根据你的项目做相应的调整,例如:div布局和css样式等等。大家就尽情的个人发挥去吧!

    A+
发布日期:2020年08月15日 16:37:55  所属分类:JavaScript
最后更新时间:2020-08-15 16:42:19
评分: (5 票;平均数1.80 ;最高评分 5 ;用户总数5;总得分 9;百分比36.00)
付杰
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 199.9元
  • 市场价:20000元
wordpress站群服务 泛解析二级域名 二级目录站群
wordpress站群服务 泛解析二级域名 二级目录站群
  • ¥ 1999.9元
  • 市场价:4800元
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元
服务器管理面板/主机控制面板“安装”服务
服务器管理面板/主机控制面板“安装”服务
  • ¥ 9.9元
  • 市场价:49.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: