网页复制弹出对话框版权提醒代码

正文索引 [隐藏]

前言

作为一个莫得感情的搬运工,经常到各种网站搬运资源,看到别人网站添加了版权声明,觉得蛮有用的,就花了点时间整理了几种代码

代码

第一种

最原始的,不引用任何js
网页复制弹出对话框版权提醒

下面是js代码

<script type=”text/javascript”>
document.body.oncopy=function(){
alert(“复制成功,若要转载请务必保留出处,谢谢合作!”);
}
</script>

第二种

引用了sweetalert和css美化

网页复制弹出对话框版权提醒

下面是代码

<link rel=”stylesheet” href=”https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css” />
<script type=”text/javascript” src=”https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js”></script>
<script type=”text/javascript”>
window.onload = function(){
document.body.oncopy = function() {
swal(“复制成功!”, “若要转载请保留原文链接,谢谢合作!”,”success”);
};
}
</script>

第三种

引用的layui,弹窗3秒自动消失

网页复制弹出对话框版权提醒

下面是js代码

<script src=”https://lib.baomitu.com/layer/3.1.1/layer.js”></script>
<script type=”text/javascript”>
document.body.oncopy = function() {layer.msg(‘复制成功,若要转载请务必保留出处,谢谢合作!’);};
</script>

食用说明:如果页面没有载入JQuery文件请到Boot CDN复制 <script> 标签

第四种

也是博客园同款,复制文字后会自动在文字后面加上版权提醒

网页复制弹出对话框版权提醒

下面是js代码

<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 = ‘\n———————\n’
+ ‘商业转载请联系作者获得授权,非商业转载请注明出处。\n’
+ ‘原文链接:’ + document.location.href
+ ‘\n来源:一叶三秋\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>

后言

个人更喜欢第三种,虽然第二种好看,但是每次复制都要点击确定才能关闭对话款,感觉这对用户体验很不好。

第四种的话个人感觉更适合资源分享类站点,毕竟来我站点的小伙伴们未必是来复制文章转载的,复制文字后还要删掉一大串文字,就挺麻烦的。

当然,整合了几种代码,看自身需求食用吧小眼睛

食用方法:复制代码后要把中文引号替换成英文引号噢(巧妙第运用快捷键Ctrl+H全部替换)

华丽的分割线
版权归属:@一叶三秋🐾,转载请注明出处
本文链接:https://ghser.com/296.html
版权声明:采用 CC BY-NC-SA 3.0 协议进行许可 《网页复制弹出对话框版权提醒代码》的文章页面二维码