JS實現頁面復制文字時自動加版權


經親自實踐,嘗試了各種方法,目前可行的方法主要有如下兩種:
可以在任何運行使用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>

方法3:

<script  type="text/javascript">
    var selfLogin = false;
    var follow = $('#profile_block').find('#p_b_follow');
    var block = follow.length >= 1 ? follow[0] : "";
    var followText = (block != null && block != undefined) ? block.innerHTML : "";
    if(followText == "") selfLogin = true;

    var pageInfo = '\r\n---------------------\r\n著作權歸作者所有。\r\n'
        + '商業轉載請聯系作者獲得授權,非商業轉載請注明出處。\r\n'
        + '作者:Bravo Yeung\r\n源地址:' + document.location.href
        + '\r\n來源:博客園cnblogs\r\n© 版權聲明:本文為博主原創文章,轉載請附上博文鏈接!';

    document.addEventListener('copy', function (ev) {
        var targetHTML = $.trim($(ev.target).html());
        // console.log("targetHTML:" + targetHTML)
        if (targetHTML == "") return;
        if (!(targetHTML.startsWith('<table class="hljs-ln"') && targetHTML.endsWith('</table>')) || !selfLogin)  // isLogined
        {
            var selected = window.getSelection();
            var selectedText = selected.toString();  
            let copyRightStr = (selectedText + pageInfo).replace(/\n/g, '\r\n'); // Solve the line breaks conversion issue

            ev.clipboardData.setData('text/plain', `${copyRightStr}`);
            ev.preventDefault();
        }
    });
</script>

目前本人博客使用了**方法3**.

方法1 最初發表在本人的博客園文章中:
https://www.cnblogs.com/enjoy233/p/10328361.html#復制正文文字時自動加版權
https://segmentfault.com/q/1010000003986612/a-1020000018332118/



歡迎在留言區留下你的觀點,一起討論提高。如果今天的文章讓你有新的啟發,學習能力的提升上有新的認識,歡迎轉發分享給更多人。


歡迎各位讀者加入 .NET技術交流群,在公眾號后台回復“加群”或者“學習”即可。


dotNET匠人 公眾號名片

文末彩蛋

微信后台回復“asp”,給你:一份全網最強的ASP.NET學習路線圖。

回復“cs”,給你:一整套 C# 和 WPF 學習資源!

回復“core”,給你:2019年dotConf大會上發布的.NET core 3.0學習視頻!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM