JS 点击复制按钮 将文字复制到手机剪贴板

Posted 2020-09-22

　　我们在制作移动端网页的时候，经常会遇到这样一个问题，如何点击一个“复制”按钮，把一串文字复制到手机剪贴板，如上图所示。

　　看了网上的一些方法后，感觉那些方法都太复杂，有点要用插件，有的需要安装flash，但是这些对于手机等移动设备都不太合适，那么有没有一个简单点的办法呢？

　　今天，我们就来介绍一个简单实用的好方法：

　　　　①首先，我们把需要复制的部分 做成一个readonly的input，

　　　　②复制按钮的id 我这里设置成：js-copy-text,

　　　　③js如下：

<script>
    $("#js-copy-text").click(function () {
        var text = $(this).prev();//就是要复制的那个input
        text.select();
        document.execCommand(‘copy‘, false);       
    });
</script>

　　这样，当我们点击复制按钮的时候，就能将需要的文字复制下来啦~~~

　　复制或引用请注明出处哦~~