Get Selection / cut,copy, paste
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
jQuery.fn.getSelection = function() {
//keine Elemente übergeben, Abbruch
if (!this.length) {
return false;
}
var get = "",
text;
//Standardbrowser
if (window.getSelection) {
get = window.getSelection();
} else {
//älterer Browser?
if (document.getSelection) {
get = document.getSelection();
} else {
//IE...
if (document.selection) {
get = document.selection.createRange().text;
} else {
return false;
}
}
}
//überflüssige Leerzeichen kicken
text = get.toString().replace(/\s/g, " ");
if (text.length) {
return text;
} else {
return false;
}
};
$("body").bind({
mouseup: function() {
$('#selection').html(
$(this).getSelection());
},
copy: function() {
$('#cutCopyPaste').text('copy detected!');
},
paste: function() {
$('#cutCopyPaste').text('paste detected!');
}
});