admin 发表于 2021-7-25 21:31:14

微信小程序一键复制备忘

背景:微信小程序不支持页面长按复制功能,故要实现某些信息的复制,需要开发复制功能

调用接口:微信小程序中复制一般采用调用wx.setClipboardData 接口

实现功能如下:
1,.wxml页面里写一个复制按钮

      <button   bindtap="copy">一键复制 </button>

2, .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('取消')

            }

          }

      })

      }

    });

},

3、浏览运行即可测试效果了

凌风逍t9_Y88 发表于 2021-7-25 23:06:07

这么厉害
页: [1]
查看完整版本: 微信小程序一键复制备忘