直播商城源码，点击复制功能和长按复制功能

直播商城源码，点击复制功能和长按复制功能

一、点击复制+长按复制效果

 

1

index.wxml  注意：data-title=我是被复制的文本内容<br><text selectable="true">我是被复制的文本内容/text><br><view bindtap="copyBtn" data-title="{{title}}">复制</view><br>index.js<br>    //不使用封装方法<br>    let that = this;<br>    wx.setClipboardData({//复制文本<br>        data: '拿到页面的文本内容',<br>         success: function (res) {<br>               wx.showToast({<br>                 title: '复制成功',<br>                icon:"none",<br>                mask:"true"//是否设置点击蒙版，防止点击穿透<br>              })<br>        }<br>     })<br>import {setClipboardData} from "../../../utils/wxApi"//调用上面封装的方法<br>//使用上面封装的方法<br>copyBtn(e){<br>   setClipboardData(e.target.dataset.title)<br>},

​

二、长按复制功能

1、官方默认提供方法

<text selectable='true'>长按复制我</text> 

2、长按事件调用

 

1

index.wxml<br><text bindlongpress="longpressMassage" data-msg="{{item.payload.text}}">长按复制我</text><br>index.js<br>import {setClipboardData} from "../../../utils/wxApi"//调用上面封装的方法<br> <br> <br>Component({<br>    methods: {<br> <br>        longpressMassage(e){<br>            //e.target.dataset.msg = 页面上 data-msg 后面绑定的文本内容<br>           setClipboardData(e.target.dataset.msg)<br>        },<br> <br>    }<br>})

 

 以上就是直播商城源码，点击复制功能和长按复制功能， 更多内容欢迎关注之后的文章