小程序怎么檢測(cè)從微信復(fù)制的內(nèi)容

前言

這倆天在實(shí)現(xiàn)一個(gè)功能從微信復(fù)制的連接，當(dāng)打開(kāi)小程序時(shí)可以直接檢測(cè)內(nèi)容并且進(jìn)行粘貼。

實(shí)現(xiàn)功能

• 檢測(cè)微信復(fù)制的內(nèi)容。
• 正則匹配需要的內(nèi)容。

一、小程序?qū)崿F(xiàn)剪切板功能

實(shí)現(xiàn)效果如下

打開(kāi)微信文檔可以看到給提供的倆個(gè)接口，一個(gè)為設(shè)置系統(tǒng)剪貼板的內(nèi)容，一個(gè)為獲取系統(tǒng)剪貼板的內(nèi)容

那么本文將會(huì)給大家介紹的就是獲取系統(tǒng)剪切板的內(nèi)容，接口為wx.getClipboardData

先根據(jù)文檔來(lái)熟悉一下此接口的使用規(guī)則。

以上就是關(guān)于剪切板的使用規(guī)則，并且在文檔中也給提供了使用方法，知道了這些內(nèi)容就可以來(lái)到自己的項(xiàng)目進(jìn)行驗(yàn)證了。

此處的過(guò)程只是為了給新接觸小程序的伙伴一些開(kāi)發(fā)經(jīng)驗(yàn)。

wx.getClipboardData({
  success (res){
    console.log(res.data)
  }
})

二、代碼實(shí)現(xiàn)

下圖就是非常簡(jiǎn)單的一個(gè)實(shí)現(xiàn)，可以看到復(fù)制的數(shù)據(jù)被直接打印在了控制臺(tái)。

那么接下來(lái)要做的事情就是將復(fù)制過(guò)來(lái)的內(nèi)容進(jìn)行正則匹配，匹配出我們只需要的內(nèi)容。

以下js代碼在utils目錄下新建一個(gè)文件即可。

var t = {};

t.handleUrl = function(t) {
    var e = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
    return !!(t = t.match(e)) && t[0];
}, module.exports = t;

然后在需要引入的地方進(jìn)行引入文件即可使用。

調(diào)用正則匹配需要的數(shù)據(jù)，返回的值就是匹配完成的結(jié)果。

第二步做的處理就是當(dāng)檢測(cè)剪切板的內(nèi)容跟設(shè)置后的值一致時(shí)不再?gòu)椏颉?/p>

彈框的代碼就是showModel這個(gè)接口，可以自行查看文檔哈！

完整代碼如下。

  onShow: function (res) {
    let that = this;
    wx.getClipboardData({
      success: function (res) {
        // 匹配地址
        let result = util.handleUrl(res.data);
        // 如果地址相同則不在顯示
        if(result == that.data.prase_address){
          return;
        }
        wx.showModal({
          title: '檢測(cè)到視頻鏈接，是否粘貼？',
          content: result,
          showCancel: true,//是否顯示取消按鈕
          cancelText: "取消",//默認(rèn)是“取消”
          cancelColor: '#ff9900',//取消文字的顏色
          confirmText: "粘貼",//默認(rèn)是“確定”
          confirmColor: '#ff9900',//確定文字的顏色
          success: function (res) {
            if (res.cancel) {
            } else {
              that.setData({
                prase_address: result,
              })
            }
          },
        })
      },
      fail: function (res) { },
      complete: function (res) {
       },
    })
  },