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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 点击复制按钮 将文字复制到手机剪贴板的主要内容,如果未能解决你的问题,请参考以下文章

jquery复制文本到windows剪贴板的方法,jquery copy.js插件怎么用。

复制内容到剪贴板

点击复制文字到剪贴板兼容性安卓ios

如何自动选定一个网页显示的全部内容到复制到剪贴板中?

js 如何实现将div内的内容放到剪切板?

js将内容复制到剪切板(最简单的实现方式)