我们在制作移动端网页的时候,经常会遇到这样一个问题,如何点击一个“复制”按钮,把一串文字复制到手机剪贴板,如上图所示。
看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有的需要安装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>
这样,当我们点击复制按钮的时候,就能将需要的文字复制下来啦~~~
复制或引用请注明出处哦~~
时间: 2024-10-13 22:15:22