有许多网友都喜欢整天拷贝/粘贴别人所写的文章并已自己的名义发表,而今天畅想资源就来教大家如何简单地使用JS来在别人拷贝你网页内容时自动于底部添加一条「本段来源:[网址]」等版权信息,让别人记住你的功劳!
预览
由于本站「畅想资源」并未开启本功能,所以请「点击这里」进入该功能测试页面!
教学
将下方代码添加到网页底部的的最底部 </body>
前或主题所引用之JS文件内(例如「functions.js」等)即可!
提示:对于WordPress站点来说即须添加于主题的「footer.php」文件内!
注意:如果你的网站经常需要访客拷贝代码,推荐无需开启本功能,否则在拷贝代码时也会自动添加版权链接造成不便,暂无解决方案!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<script> function addCopyright() { var Original = "本段来源:" + location.href; //修改为你想要的版权信息(「location.href」为当前页面之网址) if ("function" == typeof window.getSelection) { var c = window.getSelection(); if ("Microsoft Internet Explorer" == navigator.appName && navigator.appVersion.match(/MSIE ([\d.]+)/)[1] >= 10 || "Opera" == navigator.appName) { var g = c.getRangeAt(0), h = document.createElement("span"); h.appendChild(g.cloneContents()), g.insertNode(h); var i = h.innerHTML.replace(/(?:\n|\r\n|\r)/gi, "").replace(/<\s*script[^>]*>[\s\S]*?<\/script>/gim, "").replace(/<\s*style[^>]*>[\s\S]*?<\/style>/gim, "").replace(/<!--.*?-->/gim, "").replace(/<!DOCTYPE.*?>/gi, ""); try { document.getElementsByTagName("body")[0].removeChild(h) } catch(f) { h.style.display = "none", h.innerHTML = "" } } else var d = "" + c; var e = document.getElementsByTagName("body")[0], f = document.createElement("div"); f.style.position = "absolute", f.style.left = "-99999px", e.appendChild(f), f.innerHTML = d.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, "$1<br />$2") + "<br /><br />" + Original, c.selectAllChildren(f), setTimeout(function() { e.removeChild(f) }, 0) } else if ("object" == typeof document.selection.createRange) { event.returnValue = !1; var c = document.selection.createRange().text; window.clipboardData.setData("Text", c + "\n" + Original) } }; document.oncopy = addCopyright; </script> |