كيفية تعطيل تحديد النص والقص والنسخ واللصق والنقر بزر الماوس الأيمن على صفحة ويب

كيفية تعطيل تحديد النص والقص والنسخ واللصق والنقر بزر الماوس الأيمن على صفحة ويب

إذا كنت ترغب في منع الآخرين من سرقة المحتوى من موقع الويب الخاص بك ، فيمكنك القيام بذلك إلى حد ما بمساعدة CSS و JavaScript و jQuery. في هذه المقالة ، ستتعلم كيفية تعطيل تحديد النص والقص والنسخ واللصق والنقر بزر الماوس الأيمن على صفحة ويب.





تعطيل تحديد النص باستخدام CSS أو JavaScript

يمكنك تعطيل اختيار النص لصفحة ويب كاملة أو جزء من الصفحة باستخدام CSS أو JavaScript أو jQuery.



لا يمكن بدء تشغيل Windows 10 في الوضع الآمن

كيفية تعطيل تحديد النص لصفحة الويب الكاملة باستخدام JavaScript

يستخدم في منتصف الطريق و onselectstart سمات الحدث مع هيئة علامة لتعطيل اختيار النص لصفحة ويب كاملة. تتجاوز هذه الأحداث السلوك الافتراضي للمتصفحات.









This is the title of the web page



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.


كيفية تعطيل تحديد النص لجزء من صفحة الويب باستخدام JavaScript

يستخدم في منتصف الطريق و onselectstart سمات الحدث مع لغة البرمجة علامة على أولئك الذين تريد تعطيل تحديد النص عليهم. في المثال أدناه ، تم تعطيل تحديد النص للثاني شعبة بطاقة شعار.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


كيفية تعطيل تحديد النص لصفحة الويب الكاملة باستخدام CSS

استخدم ال تحديد المستخدم CSS بامتداد هيئة علامة لتعطيل اختيار النص لصفحة ويب كاملة. بالنسبة لبعض المتصفحات ، تحتاج إلى إضافة امتداد من قبل تحديد المستخدم . فيما يلي قائمة كاملة بالخصائص لجميع المتصفحات:



  • كروم و أوبرا : تحديد المستخدم
  • سفاري : -webkit- تحديد المستخدم
  • موزيلا : -moz- تحديد المستخدم
  • IE 10+ : -ms- تحديد المستخدم

تحتاج إلى تعيين كل هذه الخصائص على لا شيء لتعطيل اختيار النص.





This is the title of the web page

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




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.


كيفية تعطيل تحديد النص لجزء من صفحة الويب باستخدام CSS

يستخدم تحديد المستخدم CSS بامتداد لغة البرمجة علامة على أولئك الذين تريد تعطيل اختيار النص الخاص بهم. يمكنك استهداف عناصر HTML هذه باستخدام فئة أو معرف. في المثال أدناه ، تم تعطيل تحديد النص للثاني شعبة بطاقة شعار. هنا ، يتم استخدام الفئة لاستهداف div الثاني.



متعلق ب: 10 أمثلة بسيطة لرموز CSS يمكنك تعلمها في 10 دقائق





This is the title of the web page

.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Text selection is enabled for this text.


Text selection is disabled for this text.


كيفية تعطيل القص والنسخ واللصق باستخدام JavaScript

يمكنك تعطيل القص والنسخ واللصق باستخدام ملف قطع و أونكوبي ، و onpaste سمات الحدث مع عناصر HTML المستهدفة. إذا كنت ترغب في تعطيل القص والنسخ واللصق لصفحة الويب الكاملة ، فأنت بحاجة إلى استخدام سمات الحدث هذه مع علامة النص الأساسي. يمكنك أيضًا تعطيل السحب والإفلات باستخدام ondrag و لحظة سمات الحدث. في المثال أدناه ، يتم تعطيل القص والنسخ واللصق والسحب والإفلات لعلامة الإدخال.



متعلق ب: ما هو JavaScript وكيف يعمل؟





This is the title of the web page



Cut, Copy, and Paste is disabled for the below input element.

type='text'
onselectstart='return false'
oncut='return false'
oncopy='return false'
onpaste='return false'
ondrag='return false'
ondrop='return false'
/>

كيفية تعطيل القص والنسخ واللصق باستخدام jQuery

يمكنك تعطيل القص والنسخ واللصق على صفحة ويب باستخدام jQuery ربط() وظيفة. في ال ربط() وظيفة ، يجب عليك تحديد قص ونسخ ولصق الأحداث التي يتم إطلاقها عندما يحاول المستخدم قص أو نسخ أو لصق أي شيء على صفحة الويب. تأكد من تضمين علامة البرنامج النصي في قسم الرأس للتحميل مسج قبل استخدامه.

متعلق ب: تعرف على كيفية إنشاء عنصر في jQuery





This is the title of the web page




Cut, Copy, and Paste is disabled for the complete web page.



$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});


كيفية تعطيل انقر بزر الماوس الأيمن على صفحة ويب باستخدام JavaScript

يمكنك تعطيل النقر بزر الماوس الأيمن على صفحة الويب الخاصة بك باستخدام ملف قائمة oncontext الحدث بما في ذلك 'عودة خطأ' في معالج الحدث.





This is the title of the web page



Right Click is disabled for the complete web page.


document.oncontextmenu = new Function('return false');


كيفية تعطيل النقر بزر الماوس الأيمن على صفحة ويب باستخدام jQuery

يمكنك تعطيل النقر بزر الماوس الأيمن على صفحة الويب الخاصة بك باستخدام ملف قائمة السياق حدث.





This is the title of the web page




Right Click is disabled for the complete web page.


$(document).bind('contextmenu',function(e){
return false;
});


حماية موقع الويب الخاص بك من مجرمي الإنترنت

يستخدم مجرمو الإنترنت كل أداة ممكنة تحت تصرفهم لسرقة البيانات أو مواقع البريد العشوائي أو اختراق المعلومات الحساسة من الصفحات المحمية. يعد تضمين طبقة أمان إلى موقع الويب الخاص بك لمنع ذلك أمرًا ضروريًا. تعد نماذج مواقع الويب غير المرغوب فيها واحدة من أكثر الهجمات شيوعًا هذه الأيام. حاول إضافة التحقق من صحة CAPTCHA إلى نماذج موقع الويب الخاص بك لتجنب هجمات البريد العشوائي هذه.

أحصل على إعلانات عشوائية على جهاز android الخاص بي
يشارك يشارك سقسقة بريد الالكتروني قم بإنشاء نموذج التحقق من صحة CAPTCHA باستخدام HTML و CSS وجافا سكريبت

تأمين مواقع الويب الخاصة بك مع التحقق من صحة CAPTCHA.

اقرأ التالي مواضيع ذات صلة
  • برمجة
  • تطوير الشبكة
  • مسج
  • CSS
نبذة عن الكاتب يوفراج شاندرا(تم نشر 60 مقالاً)

يوفراج طالب جامعي في علوم الكمبيوتر بجامعة دلهي بالهند. إنه متحمس لتطوير الويب Full Stack. عندما لا يكتب ، فإنه يستكشف عمق التقنيات المختلفة.

المزيد من Yuvraj Chandra

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك