美文网首页
js进行复制功能

js进行复制功能

作者: SevenLonely | 来源:发表于2020-04-24 08:31 被阅读0次

    代码实现思路

    创建一个 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);
                }
            }
        })
    }
    

    相关文章

      网友评论

          本文标题:js进行复制功能

          本文链接:https://www.haomeiwen.com/subject/njqxwhtx.html