How to disable copy and paste in html

How to disable copy and paste in html

अगर आप अपनी वैबसाइट से डाटा को कॉपी होने से रोकना चाहते हो तो आप सही जगह पर आए हो | इसमे मे आपको डाटा को कॉपी होने से रोकना के बारे मे जानकारी दूंगा |

CSS का उपयोग करके article को कॉपी होने से रोक सकते हो |

(1) Disable copy paste website content without JavaScript

नीचे दिये गए कॉड का उपयोग करके आप अपनी वेबिस्ट के article को कॉपी होने से रोक सकते हो। इस कॉड को अपनी वैबसाइट के css सेक्शन मे आपको paste कर देना है।

यह कॉड आपकी वैबसाइट मे जावास्क्रिप्ट को Disable करने के बाद भी कॉपी नहीं कर सकता है।

<style> 

body{
    user-select:none!important;
    -moz-user-select:-moz-none!important;
    -webkit-user-select:none!important;
    -ms-user-select:none!important;
}

.post-body blockquote,.post-body code,.post-body pre{
    user-select:text!important;
    -webkit-user-select:text!important;
    -ms-user-select:text!important;
    -moz-user-select:text!important;
}

 </style>

(2) disable copy paste website content with using javacript code

नीचे दिये गए कॉड का उपयोग करके आप अपनी वेबिस्ट के article को कॉपी होने से रोक सकते हो। इस कॉड को अपनी वैबसाइट के सबसे नीचे body सेक्शन के जस्ट उप्पर paste कर देना है।

यह कॉड आपकी वैबसाइट मे जावास्क्रिप्ट को Disable करने के बाद भी कॉपी कर सकता है।

(i) Disable copy paste using javascript without alert.

<script>
      document.addEventListener('contextmenu', event => event.preventDefault());
</script>

 

(ii) Disable right-click using javascript with alert.

<script language='JavaScript1.2'>
    window.addEventListener('contextmenu', function (e) {
      alert("Right click Function is disable")
      e.preventDefault();
    }, false);
</script>

 

(iii) Disable copy paste using javascript with details.

<!DOCTYPE HTML>
<html>
<head>
<title>
Disable right click on my web page
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
Sapna IT Gyan kendra
</h1>
<p id = "SITGK_UP" style = "font-size: 16px; font-weight: bold;">
</p>
<button onclick = "sitgk_Run()">
Disable
</button>
<p id = "SITGK_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("SITGK_UP");
var el_down = document.getElementById("SITGK_DOWN");
el_up.innerHTML = "Click on the button to disable right click";
function sitgk_Run() {
document.addEventListener('contextmenu',
event => event.preventDefault());
el_down.innerHTML = "Right click disabled";
}
</script>
</body>
</html>

(iv) Disable copy paste using css short code.

<style>
        *{
            user-select: none;
        }
        *::selection{
            background: none;
        }
        *::-moz-selection{
            background: none;
        }
</style>

(v) Disable copy paste using javascript.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('body').bind('cut copy', function(e){
            e.preventDefault();
        });
    });
</script>

(vi) Disable copy paste using javascript with alert.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('body').bind('cut copy', function(e){
            alert("Disable Copy Command");
            e.preventDefault();
        });
    });
</script>

Post a Comment

Previous Post Next Post