Web頁面實現(xiàn)監(jiān)聽用戶復(fù)制后，在剪切板加入版權(quán)信息

jay_tian 發(fā)布于2019-08-21 15:03 / 3241人閱讀

摘要：是里一個非常方便的客戶端請求代理模塊著作權(quán)歸作者所有。鏈接來源主要用到的兩個方法

HTML

superagent是nodejs里一個非常方便的客戶端請求代理模塊

        function setClipboardText(event){
                    event.preventDefault();
                    var node = document.createElement("div");
                    node.innerHTML=window.getSelection(0).toString();
                    var htmlData = "著作權(quán)歸作者所有。
"
                                    + "商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
"
                                    + "作者：0zero
鏈接：https://segmentfault.com/u/codedemon
"
                                    + "來源：segmentfault

"
                                    + node.innerHTML
                                    + "";
                    var textData = "著作權(quán)歸作者所有。
"
                                    + "商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
"
                                    + "0zero
鏈接：https://segmentfault.com/u/codedemon
"
                                    + "來源：segmentfault

"
                                    + 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
ClipboardEvent