Javascript利用navigator.clipboard检测剪贴板

2020-12-02 18:06:13
剪贴板 clipboard navigator Javascript

像淘宝APP、拼多多APP都具有检测剪贴板检测功能,然后识别可以打开对应的商品,这是怎样做到的呢?

利用Javascript  navigator.clipboard 原生API就可以做到。看以下代码:

 navigator.clipboard.readText().then(function(copytext){
     console.log(copytext); //这里就可以打印出剪贴板复制的内容
     /* 例如下面检测抖音视频链接 */
     if(copytext.indexOf('https://v.douyin.com/')>-1){
         consle.log('检测到抖音视频链接');
     }
 });

只可惜在移动端完全不起作用,可能是没有权限吧 移动端部分浏览器并https协议支持。PC端只有Chrome和webkit内核浏览器(例如:QQ浏览器的极速模式、360浏览器的极速模式等)才支持,并调用navigator.clipboardAPI时会弹出授权选择,移动端的没有反应

参考实例

详细可以打开下面的链接参考:
https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard


相关推荐
专题合辑