網頁設計

關於網頁設計的技術或相關資訊分享

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

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

其實是簡單的 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