Web頁面實現監聽用戶復制后，在剪切板加入版權信息

jay_tian 發布于2019-08-21 15:03 / 3243人閱讀

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

HTML

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

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

"
                                    + node.innerHTML
                                    + "";
                    var textData = "著作權歸作者所有。
"
                                    + "商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
"
                                    + "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

GPU云服務器云服務器 js復制到剪切板剪切板 python寫剪切板 linux清除剪切板

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88090.html

前端er怎樣操作剪切復制以及禁止復制+破解等

摘要：取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

mikasa 2019-08-29 16:20 評論0 收藏0
前端er怎樣操作剪切復制以及禁止復制+破解等

摘要：取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

amuqiao 2019-08-23 10:51 評論0 收藏0
前端er怎樣操作剪切復制以及禁止復制+破解等

摘要：取消默認的復制事件被復制的文字等下插入防知乎掘金復制一兩個字則不添加版權信息超過一定長度的文字就添加版權信息作者鏈接來源掘金著作權歸作者所有。以上參考資料高程操作剪貼板網頁上如何實現禁止復制粘貼以及如何破解原生實現點擊按鈕復制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

DevTalking 2019-08-02 11:11 評論0 收藏0
復制文本加上版權信息功能實現

摘要：表示選擇的內容將復制信息添加到剪切板原理監聽文本復制事件并阻止事件默認行為表示選中的文本內容再調用方法將修改后的文本添加到剪切板猛戳這里查看對象的兼容性注意在中，對象是對象的屬性在和中，對象是相應對象的屬性。有些網站為了維護版權信息, 用戶在復制完成后, 發現粘帖出來的內容往往都還有一些作者名字之類的版權信息, 那么這樣的功能是怎么實現的呢? 其實原理也是非常的簡單，就是監聽一下剪切...

wushuiyong 2019-08-22 14:48 評論0 收藏0