How to detect copy, paste and cut behavior with jQuery

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>
Tags :

About the Author

mkyong
Founder of Mkyong.com and HostingCompass.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.

Comments

  • J

    Is there a way to auto paste a URL link into the clipboard when a user clicks on the link?

    This would be most helpful. Thanks.

  • http://www.crazyblogger.info Crazyblogger

    How can I disable whole website content from being copied? Is there a way to do this?

  • nithi

    nice demo

  • http://xxx.xxx.xxx xxx

    Does NOT work in Opera 11.00 :~(

  • Bujji

    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

  • Pingback: Tracking copy/paste events with jQuery and Google Analytics • Onderweg Blog()

  • http://www.kenlighten.com uma kane

    thanks for the tutorial. had been searching for the same.

  • Pingback: jQuery Tutorials()