前言
文章的内容可以复制,但复制后会弹出版权提示,是一种较好处理方法,既能提高读者版权意识又不太影响用户体验。
食用方法
将代码添加到 html 中即可,比如添加到模板的 footer.php、header.php等地方,反正就是在body前面或者是底部都可以
调用外部js 文件中引入layer资源文件,代码如下
调用外部js 文件中引入layer资源文件,代码如下
<script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>
js部分
document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接!');};
添加文章链接
复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。
<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>
这样博客添加网站文章版权保护提示,就ok了,复制过后的文案可以根据自己的想法在js里面修改