الرئيسية / برمجه / شرح كيفية إلغاء زر الفارة الأيمن من الصفحة عن طريق javascript

شرح كيفية إلغاء زر الفارة الأيمن من الصفحة عن طريق javascript


شرح كيفية إلغاء زر الفارة الأيمن من الصفحة عن طريق javascript

بسم الله الرحمن الرحيم اليوم سوف نقوم بي شرح كيفية إلغاء زر الفارة الأيمن من الصفحة عن طريق javascript هذا المقالة سوف تعرض لك مميزات وسلبيات هذه الطريقة والشرح سوف يكون بسيط جدا والكود بسيط جدا ولاكن سوف نتكلم عن ماذا سوف ينتج اذا قمت بإلغاء زر الفارة الايمن من الصفحة بعض من اصحاب المواقع لا يريد المبرمجين ان يقوم بنسخ او بأخذ اي شئ من المحتوى الخاص به ولاكن هذه الطريقة سوف تزعج الزائر العادي لان بعض من الزوار يريد ان يقوم بنسخ بعض من محتواك او اي شئ اخر يحتاج ان يستخدمه,



وفي نفس الوقت هذه الطريقة لا تحميك من المبرمجين فإن اي مبرمج مستواه متوسط يمكنه ان يأخذ الكود الخاص بك بكل سهولة لان من المستحيل ان تحمي محتواك البرمجي عن المبرمجين طالما هوه في منطقة الزائرين نصيحة مني لا تقم بألغاء هذا الزر لمجرد ان تعتقد انه يحميك من المبرمجين لا بلسوف يزعج زائرينك ولن يحميك نحن سوف نشرح هذه الطريقة لتكون على علم بها ليس اكثر او لتقم بأستخدامها في شئ اخر بنفس الطريقة الكود يعمل على اللغاء اظهار contextmenu والتي تظهر من خلال ضغطك على زر الفأرة الايمن والتي يمكنك التعديل عليها بشكل مباشر عن طريق java

مثلا موقع google drive جرب ان تدخل الى حسابك واذهب الى لوحة التحكم في حسابك واضغط على زر الفأرة الايمن يمكنك مشاهدة ان contextmenu متغيرة عن اي موقع اخر يعمل بشكل طبيعي,

في شرحنا هذا سوف نعتمد على javasript في اعطائها امر ان عند الضغط على زر الفأرة الايمن لا يظهر هذه القائمة ,



نبداء بشرح الكود

 

اولا : نقوم بأنشاء صفحة html عادية وكتابت الكود المتعارف عليه وربطها بصفحة اخرى javascript ونسميها main.js مثل ما الاتي :

<!DOCTYPE html>
<html>
<head>
<title>Cancel the right click menu | omdda.com</title>
</head>
<body>
http://main.js
</body>
</html>

بعد اتمام هذه العملية نقوم بفتح صفحة main.js وبعدها نقوم بتعريف المتصفح انه سوف نتعامل مع الصفحة الاساسية عن طريق كود document,



 

ثانيا : بعد فتح صفحة mian.js نقوم بأضافة ايفنت على الصفحة بحيث انه اذا قمت بالضغط على زر الفأرة اليمين يستمع الى الامر ويبداء في تنفيذ الكود الا وهوه عدم اظهار contextmenu عن طريق كود preventDefault وهذا يعني ان لا تفعل الطبيعي مثلا انت تقول بسم الله قبل اكل الطعام preventDefault  معناها انك لا تفعل الطبيعي فلن تقول بسم الله قبل ان تأكل هذا هوه معنى الكود في مثالنا معناه عند الضغط على زر الفأرة الايمن من الطبيعي ان تظهر contextmenu ولاكن نقول له preventDefault  معناه لا تفعل الطبيعي فسوف يقوم بعدم فتح القائمة contextmenu تابع الكود التالي لتفهم اكثر:

document.addEventListener('contextmenu', function(e){

e.preventDefault();

});

لقد قمنا في الكود اعلاه بتعريف المتصفح اننا سوف نتعامل مع الصفحة كاملة واضافة Event وداخل هذا Event قمنا بتعريف عن الضغط لاظهار contextmenu اضف الدالة function وداخل هذه الدالة قمنا بأضافة event اخر بحيث اني اعرفه ان اذا تم طلب contextmenu لا تفعل الطبيعي وهذا ما يعبر عنه هذا الكود preventDefault.

في نهاية هذا المقال اريد ان اذكركم ان هناك اكثر من طريقة لمنع المستخدم من الضغط على زر الفأرة الايمن ولاكن اخترت لكم هذه الطريقة لامكانية استخدامها داخل اشياء اخرى فقط فكر وقم بالتنفيذ.

يمكنك تحميل الملف من هنا

مواضيع اخرى تهمك من هنا