首页 > 代码库 > JS 点击复制按钮 将文字复制到手机剪贴板

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

技术分享

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

  看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有的需要安装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>

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

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

 

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