複製文字自動加上出處、連結

其實是簡單的 JavaScript,不囉嗦直接貼語法,就在載入的js中加上以下語法即可

function addLink() {
    // 取得選擇的文字,偷偷建立一個新的div
    var selection = window.getSelection(),
        pagelink = '來源:蓋婭科技 網址:' + document.location.href,
        copytext = selection + pagelink,
        newdiv = document.createElement('div');

    // 把新建立的div放在看不到的地方
    newdiv.style.position = 'absolute';
    newdiv.style.left = '-99999px';

    // 把本來複製的文字跟要加上去的文字都放進去新建立的div
    document.body.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);

    // 100ms後移除建立的div
    window.setTimeout(function() {
        document.body.removeChild(newdiv);
    }, 100);
}

// 監聽複製的事件
document.addEventListener('copy', addLink);

其他還有很多可以用的方式,不過這個是我看起來最簡單的,你也可以在這邊直接複製試試看。

出處:How to add extra info to copied web text

Jackie Yeh

擅長 WordPress、Joomla 各種 CMS,喜歡跟客戶站在一起思考什麼才是有用的,希望做的網站能對客戶發揮作用。

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form