工作小总结

js实现浏览器复制功能

有时候,我们需要用户点击后,直接复制到粘贴板上。js怎么实现? function copy(str) { &

有时候,我们需要用户点击后,直接复制到粘贴板上。js怎么实现?

0271da76e9948b1ec27539d73c47699b.png

                function copy(str) {
                    var save = function(e) {
                        e.clipboardData.setData('text/plain', str);
                        e.preventDefault();
                    }
                    document.addEventListener('copy', save);
                    document.execCommand("copy");
                }

补充:这个方法只针对安卓  ,  IOS无效


如果需要兼容:

js实现复制到剪切板

搜罗到两种兼容性还不错的方式。

1、第一种,通过clipboard.js插件实现(推荐)

此插件封装了很多种使用方式很方便,具体demo,可以去GitHub上看,clipboard传送门

2、第二种,纯js实现:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CopyDemo</title>
</h

原创不易,完成人机校验,阅读全文

相关推荐