原生JS在網頁上覆制的全部文字後面自動加上一段版權聲明

時間 2020-01-24

原文原文鏈接

很多技術博客有這樣的處理，當咱們複製代碼的時候，會自動加上一段本信息版權爲XXXX，這是怎麼實現的呢？函數

我這邊是沒有加這些的，代碼什麼的想複製就複製好了。你們都是靠代碼技能吃飯的，能夠體會寫代碼的不易，相信必定會尊重知識勞動成果——保留出處等版權信息的。spa

效果示例 :

代碼示例：

<body>
    <p>是的你沒有看錯, 我仍是在路邊吃快餐, 在北京市的三里屯, 在上海市的外灘</p>
</body>
<script>
    // 監聽整個網頁的copy(複製)事件
  document.addEventListener('copy', function (event) {
  // clipboardData 對象是爲經過編輯菜單、快捷菜單和快捷鍵執行的編輯操做所保留的，也就是你複製或者剪切內容
    let clipboardData = event.clipboardData || window.clipboardData;
    // 若是未複製或者未剪切，則return出去
    if (!clipboardData) { return; }
    // Selection 對象，表示用戶選擇的文本範圍或光標的當前位置。
    //     聲明一個變量接收 -- 用戶輸入的剪切或者複製的文本轉化爲字符串
    let text = window.getSelection().toString();
    if (text) {
      // 若是文本存在，首先取消文本的默認事件
      event.preventDefault();
      // 經過調用常clipboardData對象的 setData(format, data) 方法；來設置相關文本

      // setData(format, data);參數
      // format
      // 一個DOMString 表示要添加到 drag object的拖動數據的類型。
      // data
      // 一個 DOMString表示要添加到 drag object的數據。
      clipboardData.setData('text/plain', text + '\n\n張無忌 版權全部');
    }
  });

</script>