JS实现文本复制功能

最新推荐文章于 2024-06-18 14:42:20 发布

z9874123

最新推荐文章于 2024-06-18 14:42:20 发布

阅读量164

点赞数

分类专栏： vue js

本文链接：https://blog.csdn.net/z9874123/article/details/114029122

版权

js 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

JS实现文本复制功能

         function copy (text) {
                let text = text,
                    textarea,
                    copyText = '';
                if (!text) {
                    alert('亲，复制的内容不能是空哦~~');
                    return;
                }
                textarea = document.createElement('textarea');
                textarea.value = text;
                textarea.readOnly = 'readonly';
                // textarea.style.display = 'none'; //这样会拿不到复制的信息
                textarea.style.cssText = 'opacity:0;position:fixed;left:-9999px;';
                document.body.appendChild(textarea);

                textarea.select();
                copyText = document.execCommand('Copy');
                if (copyText) {
                    alert('亲，内容已经复制到剪切板中了哦~~');
                }
                document.body.removeChild(textarea);
         }