Web頁面實現監聽用戶複製後,在剪切板加入版權信息

  • HTMLhtml

<p>superagent是nodejs裏一個很是方便的客戶端請求代理模塊</p>
  • JSnode

function setClipboardText(event){
                    event.preventDefault();
                    var node = document.createElement('div');
                    node.innerHTML=window.getSelection(0).toString();
                    var htmlData = '<div>著做權歸做者全部。<br />'
                                    + '商業轉載請聯繫做者得到受權,非商業轉載請註明出處。<br />'
                                    + '做者:0zero<br />連接:https://segmentfault.com/u/codedemon<br />'
                                    + '來源:segmentfault<br /><br />'
                                    + node.innerHTML
                                    + '</div>';
                    var textData = '著做權歸做者全部。\n'
                                    + '商業轉載請聯繫做者得到受權,非商業轉載請註明出處。\n'
                                    + '0zero\n連接:https://segmentfault.com/u/codedemon\n'
                                    + '來源:segmentfault\n\n'
                                    + window.getSelection(0).toString();
                    if(event.clipboardData){
                        event.clipboardData.setData("text/html", htmlData);
                        event.clipboardData.setData('text/plain', textData);
                    }
                    else if(window.clipboardData){
                        return window.clipboardData.setData("text", textData);
                    }
        };

        document.addEventListener('copy', function(event){
            setClipboardText(event);
        });

主要用到的兩個方法
getSelection
ClipboardEventsegmentfault

相關文章
相關標籤/搜索