博客、网站文章写好之后,如果是原创的,别人如果要转载时,芾苙特别希望他能够注明一下来源。而芾苙如果转载别人的文章,也会注明哦!
弹窗提示
文章的内容可以复制,但复制后会弹出版权提示,是一种较好处理方法,既能提高读者版权意识又不太影响用户体验。
1、Javascript 代码实现
将代码添加到 html 中即可,比如添加到模板的 footer.php、header.php。
<script type="text/javascript">
document.body.oncopy=function(){alert('复制成功!本站文章非特殊注明皆为原创。未经允许禁止转载或抄袭,若要转载请务必保留原文链接。谢谢合作!');}
</script>
二、添加文章链接
复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。同样,把代码添加到 html 中即可,也可以添加到模板的 footer.php、header.php。
1、Javascript 代码实现
<script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = " 本文转载自: <a href='"+document.location.href+"'>"+document.location.href+"</a>";
var copy_text = selection + pagelink;
var new_div = document.createElement('div');
new_div.style.left='-99999px';
new_div.style.position='absolute';
body_element.appendChild(new_div );
new_div.innerHTML = copy_text ;
selection.selectAllChildren(new_div );
window.setTimeout(function() {
body_element.removeChild(new_div );
},0);
}
document.oncopy = addLink;
</script>
效果:
前阵子,我分享了一款IOS的观影神器。结果很多小伙伴说,怎么没有安卓的呐?看不清安卓么?吖,谁说的?芾苙立马就找了一款神器,分享给大家!本文转载自: http://www.fily.fun/328.html
三、禁止复制
即复制功能失效。
1、html 代码
在 body 标签中加入 oncopy="return false" 标记即可,即:
<body oncopy = "return false">
2、Javascrpt 代码
复制失效且无提示:
<script type="text/javascript">
document.oncopy = function(){
return false;
};
</script>
复制失效但弹出提示:
<script type="text/javascript">
document.oncopy = function(){
alert("本站文章禁止复制转载,谢谢合作!");
return false;
};
</script>
四、禁止选择
即无法选中任何元素(图片、文字)。
1、css 代码
body {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
2、Javascript 代码
<script type="text/javascript">
document.onselectstart = function(){
return false;
};
</script>
五、禁止鼠标右键
即点击右键不弹出菜单
1、Javascript 代码
<script type="text/javascript">
document.oncontextmenu = function(){
return false;
};
</script>
六、禁止剪切粘贴
即剪切及粘贴功能失效
1、Javascript 代码
<script type="text/javascript">
document.oncut = function(){
return false;
};
<script type="text/javascript">
document.onpaste = function(){
return false;
};
</script>
参考文章
最后一次更新于2020-06-08
0 条评论