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();
                    });
                }
            }

作者:Bo-H

出处:https://www.cnblogs.com/Bo-H/p/16573985.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   Bo-Hong  阅读(203)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示
more_horiz
keyboard_arrow_up dark_mode palette
选择主题