window复制事件

最新推荐文章于 2024-09-26 14:44:31 发布

webi8bo

最新推荐文章于 2024-09-26 14:44:31 发布

阅读量193

点赞数

本文链接：https://blog.youkuaiyun.com/qq_51702682/article/details/115729963

版权

介绍了一种在用户复制内容时，如何确保原文链接一同被复制的方法。针对不同浏览器的兼容性问题，提出了利用document.selection.createRange().text和window.clipboardData的策略，可能需要结合字符串拼接以确保在各种环境下都能正确实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复制原文时添加转载原文地址的方法：

 //根据浏览器的兼容写代码
 document.body.oncopy = function (e)
        var selection = window.getSelection() ? window.getSelection() : document.selection.createRange().text;
        var link = "<br/>——————————————————————————————————————<br/>" + +
                        "转载来源：<br/>" +
                "原文地址：" + location.href +
                "<br/>——————————————————————————————————————<br/>";
        var copytext = selection + link;
        if (window.clipboardData) {
            window.clipboardData.setData("Text", copytext);
        } else {
            //使用元素创建
            var div=document.createElement("div");
            div.className="copy";
            div.innerHTML=copytext;
            document.body.appendChild(div);
            selection.selectAllChildren(div);
            setTimeout(function (){
                div.remove();
            },0)
        }

    }

注： document.selection.createRange().text是ie识别，window.clipboardData也是根据兼容性来写的，有的浏览器可以识别，有的不可以。需要使用字符串拼接。