微信小程序 的文字复制功能如何实现

JavaScript022

微信小程序 的文字复制功能如何实现,第1张

1、首先可以长按复制,适合自由选择。只需在text标签加一个selectable='true'即可。

2、全部复制,首先要获取到需要的内容。wx.setClipboardData({data: '百度你最棒',success: function (res) {wx.getClipboardData({success: function (res) {console.log(res.data) // data}。

3、然后用复制函数来复制刚才的内容,wx.getClipboardData({success: function (res) {console.log(res.data)} })。

4、还可以在wxml代码框里写下如下代码:<view>内容:{{contents}} </view><view  bindtap='copyText' data-text="{{contents}}">复制</view>。

5、在 js代码框里写下如下代码。

6、然后编译通过后,在需要复制文字的页面长按复制字体,就看到复制成功字体了。

具体实现方法如下:

1、打开任意页面

2、粘贴如下代码:

<script type="text/javascript"> 

thisURL = document.URL

strwrite = "<img src='【此处省略,请见图片截图】/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl=" + thisURL + "' width='150' height='150' alt='La_Clover提示您:用手机扫一扫二维码,轻松分享' />"

document.write( strwrite )

</script>

3、保存代码

4、默认尺寸是150的,可以自行修改。

5、上传到空间即可查看到效果