微信小程序中可以通过APIwx.setClipboardData(Object object)
设置系统剪切板的内容,api调用成功后会弹出toast提示内容已复制,持续1.5s。
1 复制text控件的内容
如果需要复制text控件的内容,text控件有一个selectable
属性,标志文本是否可选,将这个属性设置为true即可长按text控件的内容进行复制了。现在这个属性在官方文档上标志为已废弃,新的属性名称为user-select
,该属性标志文本是否可选,该属性会使文本节点显示为 inline-block。
<text selectable="true">{{texts}}</text>
<text user-select="true">{{texts}}</text>
2 使用代码复制内容
wxml中写一个复制按钮
<button bindtap="copy"> 一键复制 </button>
在js中写按钮对应的复制功能
copy: function (e) {
var that = this;
wx.setClipboardData({
data: "这里为复制的内容",
success: function (res) {
wx.showModal({
title: '提示',
content: '复制成功',
success: function (res) {
if (res.confirm) {
console.log('确定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
});
},
参考
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:微信小程序开发 – 复制文本到剪切板
原文链接:https://www.stubbornhuang.com/2931/
发布于:2023年12月25日 15:43:01
修改于:2023年12月25日 15:56:18
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论
52