【笔记】微信小程序实现点击复制(wx.setClipboardData)

简介: 微信小程序实现点击复制(wx.setClipboardData)


  handleCopy: function (e) {
    wx.setClipboardData({
      data: `${e.target.dataset.text}`,
      success: function (res) {
          success: function(res) {
            wx.showToast({ title: '复制成功' })
          }
      }
    })
  },

tips

  • 若是不设定复制成功提示,系统默认提示内容已复制
  • 复制内容若为数字,可能会有报错,这时需要转为string:
call failed:, {errno: 1001, errMsg: "setClipboardData:fail parameter error: parameter.data should be String instead of Number;"}
  • 隐藏提示:在成功回调中调用:wx.hideToast()

相关文章
|
6月前
|
小程序
小程序中点击子元素事件而不触发父元素的点击事件
小程序中点击子元素事件而不触发父元素的点击事件
108 0
|
6月前
|
小程序 前端开发 JavaScript
小程序点击按钮出现和隐藏遮罩层
小程序点击按钮出现和隐藏遮罩层
162 0
|
5天前
|
小程序
微信小程序实现点击复制(wx.setClipboardData)
微信小程序实现点击复制(wx.setClipboardData)
23 0
|
6月前
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
67 0
|
6月前
|
小程序 JavaScript
小程序鼠标点击按钮(改变背景颜色字体)
小程序鼠标点击按钮(改变背景颜色字体)
73 0
|
7月前
|
数据采集 小程序 定位技术
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
|
5天前
|
小程序 vr&ar
一个小动作,点击量上涨17倍,有小程序就能用!
一个小动作,点击量上涨17倍,有小程序就能用!
23 0
|
5天前
|
移动开发 小程序
微信小程序web-view嵌入uni-app H5页面,通过H5页面传参给小程序进行转发分享页面,并通过点击转发出来的卡片,定向打开对应H5路径
微信小程序web-view嵌入uni-app H5页面,通过H5页面传参给小程序进行转发分享页面,并通过点击转发出来的卡片,定向打开对应H5路径
|
6月前
|
小程序 JavaScript 定位技术
小程序点击指定地址按钮直接打开地图导航
小程序点击指定地址按钮直接打开地图导航
132 0
|
6月前
|
小程序 开发者
小程序中点击按钮跳转另外一个小程序
小程序中点击按钮跳转另外一个小程序
242 0

热门文章

最新文章