JS实现页面复制文字时自动加版权 编辑
经亲自实践,尝试了各种方法,目前可行的方法主要有如下两种:
可以在任何运行使用js
代码的网站中使用,比如本人在自己的博客园博客中实现了一下,读者您可亲自在本人博客上测试。
方法1:
jQuery(document).on('copy', function(e) { var selected = window.getSelection(); var selectedText = selected.toString().replace(/\n/g, '<br>'); // Solve the line breaks conversion issue var pageInfo = '<br>---------------------<br>著作权归作者所有。<br>' + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>来源:博客园cnblogs<br>© 版权声明:本文为博主原创文章,转载请附上博文链接!'; var copyHolder = $('<div>', {id: 'temp', html: selectedText + pageInfo, style: {position: 'absolute', left: '-99999px'}}); $('body').append(copyHolder); selected.selectAllChildren( copyHolder[0] ); window.setTimeout(function() { copyHolder.remove(); },0); }); </script>
方法2:
var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { /* 兼容旧版的IE */ document.body.oncopy = function () { event.returnValue = false; var selectedText = document.selection.createRange().text; var pageInfo = '<br>---------------------<br>著作权归作者所有。<br>' + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>来源:博客园cnblogs<br>© 版权声明:本文为博主原创文章,转载请附上博文链接!'; clipboardData.setData('Text', selectedText.replace(/\n/g, '<br>') + pageInfo); } } else { function addCopyRight() { var body_element = document.getElementsByTagName('body')[0]; var selection = window.getSelection(); var pageInfo = '<br>---------------------<br>著作权归作者所有。<br>' + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>来源:博客园cnblogs<br>© 版权声明:本文为博主原创文章,转载请附上博文链接!'; var copyText = selection.toString().replace(/\n/g, '<br>') + pageInfo; // Solve the line breaks conversion issue var newDiv = document.createElement('div'); newDiv.style.position = 'absolute'; newDiv.style.left = '-99999px'; body_element.appendChild(newDiv); newDiv.innerHTML = copyText; selection.selectAllChildren(newDiv); window.setTimeout(function () { body_element.removeChild(newDiv); }, 0); } document.oncopy = addCopyRight; } </script>
方法3:
var selfLogin = false; var follow = $('#profile_block').find('#p_b_follow'); var block = follow.length >= 1 ? follow[0] : ""; var followText = (block != null && block != undefined) ? block.innerHTML : ""; if(followText == "") selfLogin = true; var pageInfo = '\r\n---------------------\r\n著作权归作者所有。\r\n' + '商业转载请联系作者获得授权,非商业转载请注明出处。\r\n' + '作者:Bravo Yeung\r\n源地址:' + document.location.href + '\r\n来源:博客园cnblogs\r\n© 版权声明:本文为博主原创文章,转载请附上博文链接!'; document.addEventListener('copy', function (ev) { var targetHTML = $.trim($(ev.target).html()); // console.log("targetHTML:" + targetHTML) if (targetHTML == "") return; if (!(targetHTML.startsWith('<table class="hljs-ln"') && targetHTML.endsWith('</table>')) || !selfLogin) // isLogined { var selected = window.getSelection(); var selectedText = selected.toString(); let copyRightStr = (selectedText + pageInfo).replace(/\n/g, '\r\n'); // Solve the line breaks conversion issue ev.clipboardData.setData('text/plain', `${copyRightStr}`); ev.preventDefault(); } }); </script>
目前本人博客使用了**方法3**.
方法1 最初发表在本人的博客园文章中:
https://www.cnblogs.com/enjoy233/p/10328361.html#复制正文文字时自动加版权
https://segmentfault.com/q/1010000003986612/a-1020000018332118/
欢迎在留言区留下你的观点,一起讨论提高。如果今天的文章让你有新的启发,学习能力的提升上有新的认识,欢迎转发分享给更多人。
欢迎各位读者加入 .NET技术交流群,在公众号后台回复“加群”或者“学习”即可。
文末彩蛋
微信后台回复“asp”,给你:一份全网最强的ASP.NET学习路线图。
回复“cs”,给你:一整套 C# 和 WPF 学习资源!
回复“core”,给你:2019年dotConf大会上发布的.NET core 3.0学习视频!
作者:极客玩家
出处:https://geekzl.com
版权声明:本文为博主原创或转载文章,欢迎转载,但转载文章之后必须在文章页面明显位置注明出处,否则保留追究法律责任的权利。如您有任何疑问或者授权方面的协商,请 .
如果,您希望更容易地发现我的新文章,不妨点击一下绿色通道的【关注我】,亦可微信搜索公众号「大白技术控」关注我。
如果您觉得阅读本文对您有帮助,请点击一下右下方的推荐按钮,您的推荐将是我写作的最大动力!版权声明:本文为博主原创或转载文章,欢迎转载,但转载文章之后必须在文章页面明显位置注明出处,否则保留追究法律责任的权利。如您有任何疑问或者授权方面的协商,请 .
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?