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>

mkyong

Founder of Mkyong.com, passionate Java and open-source technologies. If you enjoy my tutorials, consider making a donation to these charities.

8 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
keerthi K
10 years ago

Can we bind these events to a folder (like d:/myfiles) instead of a html control…
Could you please give suggestions on this.

Simon
11 years ago

Hi,
Any idea how this could be implemented using Google Tag Manager?
Thanks!

Bujji
15 years ago

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

J
13 years ago

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.

Crazyblogger
13 years ago

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

nithi
14 years ago

nice demo

xxx
14 years ago

Does NOT work in Opera 11.00 :~(

uma kane
15 years ago

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