有許多網友都喜歡整天拷貝/粘貼別人所寫的文章並已自己的名義發表,而今天暢想資源就來教大家如何簡單地使用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> |