Js实现一键复制小功能

function copyToClipboard(textToCopy) {
                // navigator clipboard 需要https等安全上下文
                if (navigator.clipboard && window.isSecureContext) {
                    // navigator clipboard 向剪贴板写文本
                    return navigator.clipboard.writeText(textToCopy).then(function () {
                        layer.msg("复制成功Https!", { icon: 1 })
                    });
                } else {
                    // 创建text area
                    let textArea = document.createElement("textarea");
                    textArea.value = textToCopy;
                    // 使text area不在viewport,同时设置不可见
                    textArea.style.position = "absolute";
                    textArea.style.opacity = 0;
                    textArea.style.left = "-999999px";
                    textArea.style.top = "-999999px";
                    document.body.appendChild(textArea);
                    textArea.focus();
                    textArea.select();
                    return new Promise((res, rej) => {
                        // 执行复制命令并移除文本框
                        layer.msg("复制成功Http!", { icon: 1 });
                        document.execCommand('copy') ? res() : rej();
                        textArea.remove();
                    });
                }
            }
posted @ 2022-08-10 21:32  Bo-Hong  阅读(196)  评论(0编辑  收藏  举报