温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

小程序怎么检测从微信复制的内容

发布时间:2020-12-15 09:52:19 来源:亿速云 阅读:622 作者:小新 栏目:移动开发

小编给大家分享一下小程序怎么检测从微信复制的内容,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!


前言

这俩天在实现一个功能从微信复制的连接,当打开小程序时可以直接检测内容并且进行粘贴。

实现功能

  • 检测微信复制的内容。
  • 正则匹配需要的内容。

一、小程序实现剪切板功能

实现效果如下

小程序怎么检测从微信复制的内容
实现效果

打开微信文档可以看到给提供的俩个接口,一个为设置系统剪贴板的内容,一个为获取系统剪贴板的内容

小程序怎么检测从微信复制的内容
文档提供的接口

那么本文将会给大家介绍的就是获取系统剪切板的内容,接口为wx.getClipboardData

先根据文档来熟悉一下此接口的使用规则。

小程序怎么检测从微信复制的内容
接口使用规则

以上就是关于剪切板的使用规则,并且在文档中也给提供了使用方法,知道了这些内容就可以来到自己的项目进行验证了。

此处的过程只是为了给新接触小程序的伙伴一些开发经验。

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

二、代码实现

下图就是非常简单的一个实现,可以看到复制的数据被直接打印在了控制台。

小程序怎么检测从微信复制的内容
代码实现

那么接下来要做的事情就是将复制过来的内容进行正则匹配,匹配出我们只需要的内容。

以下js代码在utils目录下新建一个文件即可。

小程序怎么检测从微信复制的内容
正则代码
var t = {};

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

然后在需要引入的地方进行引入文件即可使用。

小程序怎么检测从微信复制的内容
引入文件

调用正则匹配需要的数据,返回的值就是匹配完成的结果。

小程序怎么检测从微信复制的内容
返回的结果

第二步做的处理就是当检测剪切板的内容跟设置后的值一致时不再弹框。

弹框的代码就是showModel这个接口,可以自行查看文档哈!

完整代码如下。

  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: '检测到视频链接,是否粘贴?',
         content: result,
         showCancel: true,//是否显示取消按钮
         cancelText: "取消",//默认是“取消”
         cancelColor: '#ff9900',//取消文字的颜色
         confirmText: "粘贴",//默认是“确定”
         confirmColor: '#ff9900',//确定文字的颜色
         success: function (res) {
           if (res.cancel) {
           } else {
             that.setData({
               prase_address: result,
             })
           }
         },
       })
     },
     fail: function (res) { },
     complete: function (res) {
      },
   })
 },

以上是“小程序怎么检测从微信复制的内容”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI