How to disable cut copy paste on webpage using jQuery
Here is the jQuery code to prevent users to cut copy and paste from our website.
1. disable cut copy and paste on a specific element like a textbox
Step 1 . First we create a div and assign a unique id to this div .
<div id="targetElement">
this is our div content .
</div>Step 2 We are using jQuery so we need to call jQuery library before our jquery code. in this tutorial we are using google cdn jquery library.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
Step 3. Now paste this code below your jquery library and this jquery code will prevent cut copy and paste from your specific element.
<script type="text/javascript">
$(document).ready(function(){
$('#targetElement').bind("cut copy paste",function(e) {
e.preventDefault();
});
});
</script>here is the full source code
<div id="textField1">
this is our demo text.
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#textField1').bind("cut copy paste",function(e) {
e.preventDefault();
});
});
</script>2. Disable cut copy paste on webpage
We can disable cut copy and paste from our complete webpage by using this jQuery code.
$(document).ready(function () {
//Disable cut copy paste
$('body').bind('cut copy paste', function (e) {
e.preventDefault();
});
});3. Disable right click on webpage to prevent cut copy and paste.
We can also disable right click on our webpage to prevent cut copy and paste from our webpage.to disable right click on webpage use this jQuery code.
//Disable mouse right click
$("body").on("contextmenu",function(e){
return false;
});4. Disable cut copy paste using html
Yes, We can also use html and modify body tag to prevent cut copy and paste.
<body oncopy="return false" oncut="return false" onpaste="return false">To disable mouse right click with html use modify you body tag like this.
<body onContextMenu="return false">Thank You.