JavaScript实现复制文章自动添加版权
辛辛苦苦创作的文章,却意外被他人复制粘贴,这确实令人伤心。对此,长沙网络推广想和大家分享两种利用JavaScript实现复制文章时自动添加版权信息的方法。
第一种方法:
在网页的body区域内复制以下脚本代码,当有人复制网页上的内容时,这段脚本会在复制的内容末尾自动添加版权信息,指明文章的来源。
```javascript
document.body.oncopy = function() {
setTimeout(
function (){
var text = clipboardData.getData("text");
if(text){
text = text + "\r本文来自: (.jb51.) 详细出处参考"+location.href;
clipboardData.setData("text", text);
}
},100)
}
```
请注意,这段代码必须放在body区域内才能生效,放在head区域内是无效的。
```javascript
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return; //针对IE8及以下版本浏览器...
var body_element = document.getElementsByTagName('body')[0];
var selection = window.getSelection();
//如果选中的文本较短,我们就不打扰用户了
if (("" + selection).length < 30) return;
//创建一个位于可见区域外的div,并填充选中的文本内容
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
body_element.appendChild(newdiv);
newdiv.appendChild(selection.getRangeAt(0).cloneContents());
//需要一个
标签的变通方法,否则内的文本会失去所有换行!if (selection.getRangeAt(0)monAncestorContainer.nodeName == "PRE") {
newdivnerHTML = "
" + newdivnerHTML + "";}
newdivnerHTML += "
阅读更多内容请访问:" + document.location.href + " © MySite.";selection.selectAllChildren(newdiv);
window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);
});
```
以上就是长沙网络推广为大家整理的两种利用JavaScript实现复制文章自动添加版权的方法。有需要的朋友们可以参考学习。这样,当他人复制你的文章时,就会自动添加你的版权信息,保护你的创作权益。