直播商城源码，点击复制功能和长按复制功能
一、点击复制+长按复制效果
index.wxml 注意：data-title=我是被复制的文本内容
<text selectable="true">我是被复制的文本内容/text>
<view bindtap="copyBtn" data-title="{{title}}">复制</view>
index.js
//不使用封装方法
let that = this;
wx.setClipboardData({//复制文本
data: '拿到页面的文本内容',
success: function (res) {
wx.showToast({
title: '复制成功',
icon:"none",
mask:"true"//是否设置点击蒙版，防止点击穿透
})
}
})
import {setClipboardData} from "../../../utils/wxApi"//调用上面封装的方法
//使用上面封装的方法
copyBtn(e){
setClipboardData(e.target.dataset.title)
},
二、长按复制功能
1、官方默认提供方法
<text selectable='true'>长按复制我</text>
2、长按事件调用
index.wxml
<text bindlongpress="longpressMassage" data-msg="{{item.payload.text}}">长按复制我</text>
index.js
import {setClipboardData} from "../../../utils/wxApi"//调用上面封装的方法
Component({
methods: {
longpressMassage(e){
//e.target.dataset.msg = 页面上 data-msg 后面绑定的文本内容
setClipboardData(e.target.dataset.msg)
},
}
})
以上就是直播商城源码，点击复制功能和长按复制功能， 更多内容欢迎关注之后的文章
标签：功能,..,setClipboardData,点击,复制,源码 From： https://www.cnblogs.com/yunbaomengnan/p/17469071.html