前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【玩转腾讯云】js进行复制功能

【玩转腾讯云】js进行复制功能

原创
作者头像
用户1437675
修改2020-04-24 18:05:28
1.2K0
修改2020-04-24 18:05:28
举报
文章被收录于专栏: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 归档