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