Get Selection

by shapeshifta

HTML

<p>lorem ipsum <br /> lorem ipsum und so weiter  :)</p>
<input value="bla bla" />
<span id="selection"></span>
<span id="cutCopyPaste"></span>

CSS

span { display:block }
#selection { color:#f00 }
#cutCopyPaste { color:#00f }

JavaScript

(function(){
var addLink = function(){
    var b = $('body'),
        pageLink = "\r\n\r\nMehr lesen unter: " + document.location.href,
        selection = window.getSelection(),
        copyText = selection + pageLink;
    
    var placeHolder = document.createElement('div');
        placeHolder.style.position = 'absolute';
        placeHolder.style.left = '-99999px';
        placeHolder.innerHTML = copyText;        
        b[0].appendChild( placeHolder );
        
    console.log(selection, selection.selectAllChildren( placeHolder ));
    selection.selectAllChildren( placeHolder );
    window.setTimeout(function() {
         $(placeHolder).remove();
    },1000);
};    

document.oncopy = addLink;
    
/*$('body').on('cut copy paste', function(e) {
    //alert(e.type + ' text!');
    console.log(e.type);
    //addLink();
});*/ 
 
 
})();