小程序(復制指定內容到剪貼板)


效果如圖:

 

wxml代碼:

<view class='contents' style='width:84%;padding:2% 3%;margin-left:5%;border:1px solid red;font-size:28rpx;color:#999;'>
  <text>{{contents}}</text>
</view>
<view class='copy_btn' bindtap='copyText' data-text="{{contents}}" style='font-size:24rpx;color:#555;width:50%;margin:5% 25%;text-align:center;border:1px solid red;height:50rpx;line-height:50rpx;'>復制該軟文到剪貼板</view>
 
js代碼:
Page({
  data: {
    contents:"江南雨,一夜報春意,桃花枝頭笑春風,翠湖堤岸柳依依。晨曦初現鶯啼曉。南風還,吹拂衣凌亂,逝水融融,草木蔥,花意濃。三月春華泛青紅,這此第,叫人如何不戀江南雨,陶醉江南十里楓。。。。。。"
  },
  copyText: function (e) {
    console.log(e)
    wx.setClipboardData({
      data: e.currentTarget.dataset.text,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              title: '復制成功'
            })
          }
        })
      }
    })
  },
})
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM