JS實現頁面復制文字時自動加版權
阿新 • • 發佈:2019-03-06
body java script ase 著作權 oca range navig strong
經親自實踐,嘗試了各種方法,目前可行的方法主要有如下兩種:
可以在任何運行使用js
代碼的網站中使用,比如本人在自己的博客園博客中實現了一下,讀者您可親自在本人博客上測試。
方法1:
<script language="javascript" type="text/javascript"> jQuery(document).on('copy', function(e) { var selected = window.getSelection(); var selectedText = selected.toString().replace(/\n/g, '<br>'); // Solve the line breaks conversion issue var pageInfo = '<br>---------------------<br>著作權歸作者所有。<br>' + '商業轉載請聯系作者獲得授權,非商業轉載請註明出處。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>來源:博客園cnblogs<br>? 版權聲明:本文為博主原創文章,轉載請附上博文鏈接!'; var copyHolder = $('<div>', {id: 'temp', html: selectedText + pageInfo, style: {position: 'absolute', left: '-99999px'}}); $('body').append(copyHolder); selected.selectAllChildren( copyHolder[0] ); window.setTimeout(function() { copyHolder.remove(); },0); }); </script>
方法2:
<script type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { /* 兼容IE */ document.body.oncopy = function () { event.returnValue = false; var selectedText = document.selection.createRange().text; var pageInfo = '<br>---------------------<br>著作權歸作者所有。<br>' + '商業轉載請聯系作者獲得授權,非商業轉載請註明出處。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>來源:博客園cnblogs<br>? 版權聲明:本文為博主原創文章,轉載請附上博文鏈接!'; clipboardData.setData('Text', selectedText.replace(/\n/g, '<br>') + pageInfo); } } else { function addCopyRight() { var body_element = document.getElementsByTagName('body')[0]; var selection = window.getSelection(); var pageInfo = '<br>---------------------<br>著作權歸作者所有。<br>' + '商業轉載請聯系作者獲得授權,非商業轉載請註明出處。<br>' + '作者:Bravo Yeung<br> 源地址:' + document.location.href + '<br>來源:博客園cnblogs<br>? 版權聲明:本文為博主原創文章,轉載請附上博文鏈接!'; var copyText = selection.toString().replace(/\n/g, '<br>') + pageInfo; // Solve the line breaks conversion issue var newDiv = document.createElement('div'); newDiv.style.position = 'absolute'; newDiv.style.left = '-99999px'; body_element.appendChild(newDiv); newDiv.innerHTML = copyText; selection.selectAllChildren(newDiv); window.setTimeout(function () { body_element.removeChild(newDiv); }, 0); } document.oncopy = addCopyRight; } </script>
方法1最初發表在本人的博客園文章中:
https://www.cnblogs.com/enjoy233/p/10328361.html
JS實現頁面復制文字時自動加版權