Web页面实现监听用户复制后，在剪切板加入版权信息

jay_tian 发布于2019-08-21 15:03 / 3186人阅读

摘要：是里一个非常方便的客户端请求代理模块著作权归作者所有。链接来源主要用到的两个方法

HTML

superagent是nodejs里一个非常方便的客户端请求代理模块

        function setClipboardText(event){
                    event.preventDefault();
                    var node = document.createElement("div");
                    node.innerHTML=window.getSelection(0).toString();
                    var htmlData = "著作权归作者所有。
"
                                    + "商业转载请联系作者获得授权，非商业转载请注明出处。
"
                                    + "作者：0zero
链接：https://segmentfault.com/u/codedemon
"
                                    + "来源：segmentfault

"
                                    + node.innerHTML
                                    + "";
                    var textData = "著作权归作者所有。
"
                                    + "商业转载请联系作者获得授权，非商业转载请注明出处。
"
                                    + "0zero
链接：https://segmentfault.com/u/codedemon
"
                                    + "来源：segmentfault

"
                                    + window.getSelection(0).toString();
                    if(event.clipboardData){
                        event.clipboardData.setData("text/html", htmlData);
                        event.clipboardData.setData("text/plain", textData);
                    }
                    else if(window.clipboardData){
                        return window.clipboardData.setData("text", textData);
                    }
        };

        document.addEventListener("copy", function(event){
            setClipboardText(event);
        });

主要用到的两个方法
getSelection
ClipboardEvent

GPU云服务器云服务器 js复制到剪切板剪切板 python写剪切板 linux清除剪切板

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88090.html

前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

mikasa 2019-08-29 16:20 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

amuqiao 2019-08-23 10:51 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

DevTalking 2019-08-02 11:11 评论0 收藏0
复制文本加上版权信息功能实现

摘要：表示选择的内容将复制信息添加到剪切板原理监听文本复制事件并阻止事件默认行为表示选中的文本内容再调用方法将修改后的文本添加到剪切板猛戳这里查看对象的兼容性注意在中，对象是对象的属性在和中，对象是相应对象的属性。有些网站为了维护版权信息, 用户在复制完成后, 发现粘帖出来的内容往往都还有一些作者名字之类的版权信息, 那么这样的功能是怎么实现的呢? 其实原理也是非常的简单，就是监听一下剪切...

wushuiyong 2019-08-22 14:48 评论0 收藏0