Html 中用oncopy事件为自己的文章添加版权

最新推荐文章于 2024-08-13 06:09:59 发布

原创最新推荐文章于 2024-08-13 06:09:59 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #oncopy #复制添加文字

JAVA WEB 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何利用HTML的oncopy事件在用户复制文章内容时自动添加版权信息，旨在防止无脑复制，而非阻止复制。这种方法在IE浏览器中有效，但可能在Chrome等其他浏览器中存在兼容性问题。示例代码展示了如何操作clipboardData对象来实现这一功能。

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

Html 中用oncopy事件为自己的文章添加版权

有时候希望别人在copy自己站点文章的时候能够让copy者多了解下自己和推广一些信息，如可以在clip里添加一些微信公众号。

这种做法用意并不是防止复制，像那些文库什么的直接禁用 JavaScript 就可以了，主要能是防止无脑copy的

这里主要是监听 oncopy 事件，了解一下就知道了，这个事件好想在Google浏览器上不太兼容。博主只测过IE浏览器能够正常运行脚本。流浪器有个内置对象clipboardData, 通过其getData方法能够获取当前复制的内容，如指定文字 “text”，或者指定图片“image”：

    clipboardData.getData("text"); //获取clip中 text的内容

然后我们可以在text添加一些自己的声明或者广告信息，通过setData方法设置内容：

    clipboardData.setData("text", text); //设置clip中 text的内容

完整代码

<!DOCTYPE HTML>

<html>
<head>
    <title>copy test</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        window.onload = function(){
            document.body.oncopy = function(){
            setTimeout(function(){
                var text = clipboardData.getData("text");
                if(text){
                    text = text + "\n" + "this is copy from dxw, copyright all belong to dxw.(^ ~ ^)";
                }
                clipboardData.setData("text", text);
            }, 100);
            }
        }
    </script>
</head>
<body>
    <p>
        This is some text writen by xxx.
    </p>
</body>
</html>