简单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
付杰
  • ¥ 69.0元
  • 市场价:69.0元
  • ¥ 89.0元
  • 市场价:129.0元
  • ¥ 129.0元
  • 市场价:199.0元
  • ¥ 159.0元
  • 市场价:599.0元

发表评论

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