JS实现页面复制文字时自动加版权
2024-04-08 17:34:29
经亲自实践，尝试了各种方法，目前可行的方法主要有如下两种：
可以在任何运行使用js代码的网站中使用，比如本人在自己的博客园博客中实现了一下，读者您可亲自在本人博客上测试。
方法1：
<script language="javascript" type="text/javascript">
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:
<script type="text/javascript">
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:
<script type="text/javascript">
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学习视频！
最新文章
- jdbc java数据库连接 3）Statement接口之执行DDL、DML、DQL
- Spark源码系列（二）RDD详解
- Android 获取地理位置的经度和纬度(zz)
- 复习linq
- JAVA之数据溢出
- 创建range分区
- 关于NSURL的一些属性的记录
- 单/多行文本添加省略号 (oﾟωﾟo)
- eclipse同步远程服务器
- C++设计模式-Iterator迭代器模式
- jmeter 压测最近的心得体会
- .net core2.0通过entityframework访问Sqlserver数据库
- jmeter 使用问题
- CentOS6.2(64bit)下mysql5.6.16主从同步配置
- CodeForces 161D Distance in Tree【树形DP】
- 浅谈HTTP和HTTPS的区别
- “一片空白”的c#
- MySQL各类日志文件相关变量介绍
- vs2010用NuGet(程序包管理)安装EF失败之解决办法
- 求最长公共子串 Ｌongest Common Subsequence