टेक्स्ट सिलेक्शन को डिसेबल कैसे करें, कट, कॉपी, पेस्ट और वेब पेज पर राइट-क्लिक करें

यदि आप दूसरों को अपनी वेबसाइट से सामग्री चोरी करने से रोकना चाहते हैं, तो आप सीएसएस, जावास्क्रिप्ट और jQuery की मदद से एक हद तक ऐसा कर सकते हैं। इस लेख में, आप सीखेंगे कि वेब पेज पर टेक्स्ट चयन, कट, कॉपी, पेस्ट और राइट-क्लिक को कैसे अक्षम किया जाए।

CSS या JavaScript का उपयोग करके टेक्स्ट चयन अक्षम करें

आप CSS, JavaScript, या jQuery का उपयोग करके संपूर्ण वेब पेज या पृष्ठ के एक भाग के टेक्स्ट चयन को अक्षम कर सकते हैं।

जावास्क्रिप्ट का उपयोग करके संपूर्ण वेब पेज के टेक्स्ट चयन को अक्षम कैसे करें

संपूर्ण वेब पेज के टेक्स्ट चयन को अक्षम करने के लिए बॉडी टैग के साथ ऑनमाउसडाउन और ऑनसेलेक्टस्टार्ट इवेंट विशेषताओं का उपयोग करें। ये ईवेंट ब्राउज़र के डिफ़ॉल्ट व्यवहार को ओवरराइड करते हैं।

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body onmousedown="return false" onselectstart="return false">
<div>
Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.
</div>
</body>
</html>

जावास्क्रिप्ट का उपयोग करके वेब पेज के किसी भाग के टेक्स्ट चयन को अक्षम कैसे करें

उन पर HTML टैग के साथ onmousedown और onselectstart ईवेंट विशेषताओं का उपयोग करें, जिन पर आप टेक्स्ट चयन को अक्षम करना चाहते हैं। नीचे दिए गए उदाहरण में, दूसरे डिव टैग के लिए टेक्स्ट चयन अक्षम है।

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Text selection is enabled for this text.
</div>
<div onmousedown="return false" onselectstart="return false">
Text selection is disabled for this text.
</div>
</body>
</html>

CSS का उपयोग करके संपूर्ण वेब पेज के टेक्स्ट चयन को अक्षम कैसे करें

संपूर्ण वेब पेज के टेक्स्ट चयन को अक्षम करने के लिए बॉडी टैग के साथ उपयोगकर्ता-चयन सीएसएस प्रॉपर्टी का उपयोग करें। कुछ ब्राउज़रों के लिए, आपको उपयोगकर्ता-चयन से पहले एक एक्सटेंशन जोड़ना होगा। यहां सभी ब्राउज़रों के लिए संपत्तियों की पूरी सूची दी गई है:

  • क्रोम , ओपेरा : उपयोगकर्ता-चयन
  • सफारी : -वेबकिट-उपयोगकर्ता-चयन
  • मोज़िला : -मोज़-यूज़र-सेलेक्ट
  • आईई 10+ : -एमएस-उपयोगकर्ता-चयन

टेक्स्ट चयन को अक्षम करने के लिए आपको इन सभी गुणों को कोई नहीं पर सेट करने की आवश्यकता है।

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<style>
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.
</div>
</body>
</html>

CSS का उपयोग करके वेब पेज के एक भाग के टेक्स्ट चयन को अक्षम कैसे करें

उन पर HTML टैग के साथ उपयोगकर्ता-चयनित CSS प्रॉपर्टी का उपयोग करें, जिनके टेक्स्ट चयन को आप अक्षम करना चाहते हैं। आप किसी वर्ग या आईडी का उपयोग करके उन HTML तत्वों को लक्षित कर सकते हैं। नीचे दिए गए उदाहरण में, दूसरे डिव टैग के लिए टेक्स्ट चयन अक्षम है। यहां, कक्षा का उपयोग दूसरे div को लक्षित करने के लिए किया जाता है।

सम्बंधित: १० सरल सीएसएस कोड उदाहरण जो आप १० मिनट में सीख सकते हैं

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<style>
.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
Text selection is enabled for this text.
</div>
<div class="disable-text-selection">
Text selection is disabled for this text.
</div>
</body>
</html>

जावास्क्रिप्ट का उपयोग करके कट, कॉपी और पेस्ट को अक्षम कैसे करें

आप लक्ष्य HTML तत्वों के साथ oncut , oncopy , और onpaste ईवेंट विशेषताओं का उपयोग करके कट, कॉपी और पेस्ट को अक्षम कर सकते हैं। यदि आप संपूर्ण वेब पेज के लिए कट, कॉपी और पेस्ट को अक्षम करना चाहते हैं, तो आपको बॉडी टैग के साथ इन ईवेंट विशेषताओं का उपयोग करना होगा। तुम भी अक्षम खींचें और ondrag और ondrop घटना विशेषताओं का उपयोग छोड़ सकते हैं। नीचे दिए गए उदाहरण में, इनपुट टैग के लिए कट, कॉपी, पेस्ट, ड्रैग और ड्रॉप अक्षम हैं।

सम्बंधित: जावास्क्रिप्ट क्या है और यह कैसे काम करता है?

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Cut, Copy, and Paste is disabled for the below input element.
</div>
<input
type="text"
onselectstart="return false"
oncut="return false"
oncopy="return false"
onpaste="return false"
ondrag="return false"
ondrop="return false"
/>
</body>
</html>

JQuery का उपयोग करके कट, कॉपी और पेस्ट को अक्षम कैसे करें

आप jQuery बाइंड () फ़ंक्शन का उपयोग करके वेब पेज पर कट, कॉपी और पेस्ट को अक्षम कर सकते हैं। बाइंड () फ़ंक्शन में, आपको कट, कॉपी और पेस्ट ईवेंट निर्दिष्ट करना होगा, जब उपयोगकर्ता वेब पेज पर कुछ भी काटने, कॉपी करने या पेस्ट करने का प्रयास करता है। उपयोग करने से पहले jQuery को लोड करने के लिए हेड सेक्शन में स्क्रिप्ट टैग को एम्बेड करना सुनिश्चित करें।

संबंधित: जानें कि jQuery में एक तत्व कैसे बनाएं

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div>
Cut, Copy, and Paste is disabled for the complete web page.
</div>
<input type="text" />
<script type="text/javascript">
$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});
</script>
</body>
</html>

जावास्क्रिप्ट का उपयोग करके वेब पेज पर राइट क्लिक को कैसे निष्क्रिय करें

आप ऑनकॉन्टेक्स्टमेनू ईवेंट का उपयोग करके और ईवेंट हैंडलर में "वापसी झूठी" को शामिल करके अपने वेब पेज पर राइट-क्लिक अक्षम कर सकते हैं।

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Right Click is disabled for the complete web page.
</div>
<script type="text/javascript">
document.oncontextmenu = new Function("return false");
</script>
</body>
</html>

JQuery का उपयोग करके किसी वेब पेज पर राइट क्लिक को अक्षम कैसे करें

आप कॉन्टेक्स्टमेनू इवेंट का उपयोग करके अपने वेब पेज पर राइट-क्लिक को अक्षम कर सकते हैं।

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div>
Right Click is disabled for the complete web page.
</div>
<script type="text/javascript">
$(document).bind("contextmenu",function(e){
return false;
});
</script>
</body>
</html>

साइबर अपराधियों से अपनी वेबसाइट को सुरक्षित रखें

साइबर अपराधी डेटा, स्पैम वेबसाइटों को चुराने या संरक्षित पृष्ठों से संवेदनशील जानकारी हैक करने के लिए अपने निपटान में हर संभव उपकरण का उपयोग करते हैं। इन्हें रोकने के लिए अपनी वेबसाइट पर एक सुरक्षा परत शामिल करना अनिवार्य है। स्पैमिंग वेबसाइट फॉर्म इन दिनों सबसे आम हमलों में से एक है। इन स्पैम हमलों से बचने के लिए अपनी वेबसाइट के फ़ॉर्म में कैप्चा सत्यापन जोड़ने का प्रयास करें।