微信小程序如何复制文本框里面的文字?
2020-08-13

大家都在问在制作微信小程序时如何把文本框里的文字复制下来,很多人说就 把文本框的属性改为 真 就行了,我这个试过了但没有用所以 小编给大家准备了一个源码通过这个源码文本框里的字体很容易就可以复制下来。

1、在wxml代码框里写下如下代码:

<view>内容:{{contents}} </view><view bindtap='copyText' data-text="{{contents}}">复制</view>

2、在 js代码框里写下如下代码:

Page({ data:

{

contents:'我是你要复制的文字' },

copyText: function (e) {

console.log(e)

wx.setClipboardData({

data: e.currentTarget.dataset.text,

success: function (res) {

wx.getClipboardData({

success: function (res) {

wx.showToast({

title: '复制成功'

})

}

})

}

})

},

})然后编译通过后在需要复制文字的页面长安 复制 字体就看到 复制成功字体了,好了 就这么简单咯

大家都在看
本站系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!本站文章版权归原作者所有,内容为作者个人观点。本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。