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

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

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

 

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)
        },
 
    }
})

 

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