JavaScript實(shí)現(xiàn)復(fù)制文章自動(dòng)添加版權(quán)
第一種
<script type="text/javascript"> document.body.oncopy = function(){ setTimeout( function (){ var text = clipboardData.getData("text"); if(text){ text = text + "\r\n本文來(lái)自: (www.dbjr.com.cn) 詳細(xì)出處參考:"+location.href; clipboardData.setData("text", text); } },100) } </script>
注意:這段代碼必須復(fù)制到 body 區(qū)域里面才能生效,放到 head 區(qū)域內(nèi)是不起作用的。
第二種
$("body").bind('copy', function (e) { if (typeof window.getSelection == "undefined") return; //IE8 or earlier... var body_element = document.getElementsByTagName('body')[0]; var selection = window.getSelection(); //if the selection is short let's not annoy our users if (("" + selection).length < 30) return; //create a div outside of the visible area //and fill it with the selected text var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; body_element.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); //we need a <pre> tag workaround //otherwise the text inside "pre" loses all the line breaks! if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } newdiv.innerHTML += "<br /><br />Read more at: <a href='" + document.location.href + "'>" + document.location.href + "</a> © MySite.com"; selection.selectAllChildren(newdiv); window.setTimeout(function () { body_element.removeChild(newdiv); }, 200); });
總結(jié)
以上就是小編為大家整理的兩種利用JavaScript實(shí)現(xiàn)復(fù)制文章自動(dòng)添加版權(quán)的方法,代碼很簡(jiǎn)單,有需要的朋友們可以參考學(xué)習(xí)。
- js 復(fù)制或插入Html的實(shí)現(xiàn)方法小結(jié)
- Javascript 實(shí)現(xiàn)復(fù)制(Copy)動(dòng)作方法大全
- 多瀏覽器兼容性比較好的復(fù)制到剪貼板的js代碼
- javascript 三種數(shù)組復(fù)制方法的性能對(duì)比
- javascript復(fù)制對(duì)象使用說(shuō)明
- 用 javascript 實(shí)現(xiàn)的點(diǎn)擊復(fù)制代碼
- 網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
- 兼容IE與Firefox的js 復(fù)制代碼
- 兼容主流瀏覽器的JS復(fù)制內(nèi)容到剪貼板
- JS input文本框禁用右鍵和復(fù)制粘貼功能的代碼
相關(guān)文章
JavaScript設(shè)計(jì)模式之外觀模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之外觀模式介紹,外觀模式是用于由于子系統(tǒng)或程序組成較復(fù)雜而提供的一個(gè)高層界面接口,使用客戶端更容易訪問(wèn)底層的程序或系統(tǒng)接口,需要的朋友可以參考下2014-12-12Javascript模擬實(shí)現(xiàn)new原理解析
這篇文章主要介紹了Javascript模擬實(shí)現(xiàn)new原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的方法
預(yù)加載圖片是提高用戶體驗(yàn)的一個(gè)很好方法,實(shí)現(xiàn)圖片預(yù)加載可以使用css、JavaScript、Ajax三種方法。下面逐一給大家介紹利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的方法,需要的朋友參考下吧2016-11-11梳理總結(jié)JavaScript的23個(gè)String方法
文章主要介紹了梳理總結(jié)JavaScript的23個(gè)String方法,JavaScript?中的String類型用于表示文本型的數(shù)據(jù)。它是由無(wú)符號(hào)整數(shù)值作為元素而組成的集合,更多詳細(xì)內(nèi)容需要的朋友可以參考一下2022-07-07javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法,涉及javascript操作鼠標(biāo)事件及頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05微信小程序?qū)崿F(xiàn)tabbar凹凸圓選中動(dòng)畫效果實(shí)例
小程序日益增多的情況下,UI風(fēng)格顯得越來(lái)越重要,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)tabbar凹凸圓選中動(dòng)畫效果的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09微信小程序的運(yùn)行機(jī)制與安全機(jī)制解決方案詳解
這篇文章主要介紹了微信小程序的運(yùn)行機(jī)制與安全機(jī)制解決方案,接觸小程序有一段時(shí)間了,總得來(lái)說(shuō)小程序開發(fā)門檻比較低,但其中基本的運(yùn)行機(jī)制和原理還是要懂的2023-02-02uni-app如何讀取本地json數(shù)據(jù)文件并渲染到頁(yè)面上
在做前端開發(fā)的時(shí)候,少不了要用一些模擬的json的數(shù)據(jù)來(lái)進(jìn)行測(cè)試,這篇文章主要給大家介紹了關(guān)于uni-app如何讀取本地json數(shù)據(jù)文件并渲染到頁(yè)面上的相關(guān)資料,需要的朋友可以參考下2022-08-08