How to detect copy, paste and cut behavior with jQuery
Published: May 20, 2010 , Updated: May 11, 2010 , Author: mkyong
To detect copy, paste and cut behavior, you just need to bind the corresponding event type.
$("#textA").bind('copy', function() {
$('span').text('copy behaviour detected!')
});
$("#textA").bind('paste', function() {
$('span').text('paste behaviour detected!')
});
$("#textA").bind('cut', function() {
$('span').text('cut behaviour detected!')
});If you are using jQuery 1.4x, it’s support the multiple events declaration like following :
$("#textA").bind({
copy : function(){
$('span').text('copy behaviour detected!');
},
paste : function(){
$('span').text('paste behaviour detected!');
},
cut : function(){
$('span').text('cut behaviour detected!');
}
});Try it yourself
<html> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <style type="text/css"> span{ color:blue; } </style> </head> <body> <h1>jQuery copy, paste and cut example</h1> <form action="#"> <label>TextBox : </label> <input id="textA" type="text" size="50" value="Copy, paste or cut message here" /> </form> <span></span> <script type="text/javascript"> $(document).ready(function() { $("#textA").bind({ copy : function(){ $('span').text('copy behaviour detected!'); }, paste : function(){ $('span').text('paste behaviour detected!'); }, cut : function(){ $('span').text('cut behaviour detected!'); } }); }); </script> </body> </html>
Note : You can find more similar articles at - jQuery Tutorials






nice demo
Does NOT work in Opera 11.00 :~(
Hi,
I need this example, but here i cant block the captured event could u sort me out from where to start. I need to disable all the things just need to enter from the keyboard entry only. here you are captured not blocked the event is going on.
-Thanks
[...] code fragments) to their clipboard. Detecting copy/paste/cut events in jQuery turns out to be easy And thanks to Google Analytics event tracking API, tracking these events with GA is also easy. This [...]
thanks for the tutorial. had been searching for the same.
[...] Detect copy, paste and cut behavior How to detect copy, paste and cut behavior with jQuery. [...]