首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js进行复制功能

js进行复制功能

作者头像
用户1437675
发布2020-04-30 15:06:54
3.6K0
发布2020-04-30 15:06:54
举报
文章被收录于专栏:Angular&服务Angular&服务

代码实现思路

创建一个 textarea 标签然后通过 js原生 document.execCommand('copy'); 来调用系统的复制功能

function copy(value){
    return new Promise((resolve) => {
        let copyTextArea = null;
        try {
            copyTextArea = document.createElement('textarea');
            copyTextArea.style.height = '0px';
            copyTextArea.style.opacity = '0';
            copyTextArea.style.width = '0px';
            document.body.appendChild(copyTextArea);
            copyTextArea.value = value;
            copyTextArea.select();
            // 防止iphone 7 上复制失败
            document.execCommand('SelectAll');
            document.execCommand('copy');
            resolve(value);
        } finally {
            if (copyTextArea && copyTextArea.parentNode) {
                copyTextArea.parentNode.removeChild(copyTextArea);
            }
        }
    })
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档