現代前端網頁的制作中,越來越離不開JS的使用。通過今天的這篇文章,墨初就來說說利用JS來實現,復制網站頁面部份內容時,自動向復制的內容中添加網站版權或聲明的方法。

javascript復制網頁內容添加版權的方法

代碼

document.addEventListener('copy', function (event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (!clipboardData) { return; }
    var text = window.getSelection().toString();
    if (text) {
        event.preventDefault();
        clipboardData.setData('text/plain', text + '\n\n飛鳥慕魚博客版權所有');
   }
});

代碼使用:

1、你可以復制上面的JS代碼,放到你的網站JS文件中,也可以直接放到你的網頁中使用即可。

2、你可以把代碼中的“\n\n飛鳥慕魚博客版權所有”修改成你自己的,但要注意的是“\r\n”為換行

3、你也可以通過獲取網頁URL的形式,來加自版權的來源鏈接

代碼部份解析:

1、addEventListener() 方法用于向指定元素添加事件句柄。

2、window.getSelection()等同于document.getSelection():此方法可以返回一個用以表示選中文本的對象,屬于window對象,使用toString()方法獲取選中的文本內容。

3、event.preventDefault();該方法將通知 Web 瀏覽器不要執行與事件關聯的默認動作(如果存在這樣的動作)。