سيشرح المنشور التالي كيفية استخدام خاصية حدث المؤشر في رمز لتعطيل ارتباط في مستند HTML.
تعطيل ارتباط باستخدام CSS
تُستخدم مكتبة CSS مع لغات أخرى مثل HTML. لذلك ، إذا كان مستند HTML يحتوي على رابط لزيارة أي صفحة ويب أخرى مباشرةً ، يتم استخدام خاصية أحداث المؤشر CSS لتعطيل الرابط:
مؤشر الأحداث : لا أحد ؛
المؤشر : تقصير ؛
كيفية استخدام مؤشر الأحداث الملكية في التعليمات البرمجية؟
يجب أن يشير بيان نمط CSS الذي سنضيف فيه خاصية pointer-events لتعطيل الرابط إلى الفئة التي تحتوي على الرابط. على سبيل المثال ، إذا كان لدينا فئة تسمى 'غير نشطة' تحتوي على الرابط:
< h1 > تعطيل الارتباط باستخدام CSS < / h1 > < ر >
< ب > وصلة: < / ب >
< أ href = 'https://www.google.com/' فصل = 'غير فعال' > انقر هنا < / أ >
في الكود أعلاه ، يحتوي الرابط القابل للنقر على فئة 'غير نشطة' والتي سيتم استخدامها للوصول إلى عنصر HTML هذا.
يولد الكود أعلاه المخرجات التالية:
النقر على الرابط يوجه المستخدم إلى محرك بحث جوجل:
خاصية حدث المؤشر
- داخل عنصر نمط CSS ، اكتب خاصية حدث المؤشر ( حدث المؤشر: لا شيء ) أثناء الإشارة إلى الفصل (غير نشط) الذي يحتوي على الرابط الذي يجب تعطيله.
- اضبط المؤشر على أنه أي من الخيارات مثل الافتراضي ، لا شيء ، المؤشر ، إلخ.
.غير فعال {
مؤشر الأحداث : لا أحد ؛
المؤشر : تقصير ؛
}
>
بعد تنفيذ الكود لن يكون هناك أي تغيير في العرض الرسومي للرابط من الخارج ، ولكن عندما ينقر المستخدم عليه ، لن يقوم بأي شيء:
كانت هذه أسهل طريقة لتعطيل الارتباط في رمز باستخدام عبارات CSS.
خاتمة
يمكن بسهولة تعطيل الارتباط الذي يوجه المستخدم إلى صفحات ويب أخرى من خلال خاصية 'pointer-events: none' في CSS. لا يتطلب هذا أي تغييرات في منطق الكود أو الفئة التي تم إنشاء الارتباط بها. مطلوب خاصية حدث مؤشر بسيط في عنصر النمط يشير إلى الفئة التي تحتوي على الارتباط.