הפוסט הבא יסביר כיצד מאפיין אירוע המצביע משמש בקוד כדי להשבית קישור במסמך HTML.
השבתת קישור באמצעות CSS
ספריית CSS משמשת בשילוב עם שפות אחרות כמו HTML. לכן, אם למסמך HTML יש קישור לביקור ישיר בכל דף אינטרנט אחר, המאפיין CSS pointer-events משמש כדי להשבית קישור:
אירועי מצביע : אף אחד ;
סַמָן : בְּרִירַת מֶחדָל ;
כיצד להשתמש בנכס מצביע-אירועים בקוד?
ההצהרה בסגנון CSS שבה נוסיף את המאפיין pointer-events כדי להשבית את הקישור צריכה להתייחס למחלקה שמכילה את הקישור. לדוגמה, אם יש לנו מחלקה בשם 'לא פעילה' המכילה את הקישור:
< h1 > השבת את הקישור באמצעות CSS < / h1 >< br >
< ב > קישור: < / ב >
< א href = 'https://www.google.com/' מעמד = 'לא פעיל' > לחץ כאן < / א >
בקוד שלמעלה, לקישור הניתן ללחוץ יש מחלקה 'לא פעילה' שתשמש לגישה לרכיב HTML זה.
הקוד לעיל אכן מייצר את הפלט הבא:
לחיצה על הקישור מפנה את המשתמש למנוע החיפוש של גוגל:
מאפיין אירוע המצביע
- בתוך אלמנט בסגנון CSS, כתוב את מאפיין האירוע pointer ( pointer-event: אין ) תוך התייחסות למחלקה (לא פעילה) המכילה את הקישור שאמור להיות מושבת.
- הגדר את הסמן בתור כל אחת מהאפשרויות כמו ברירת מחדל, אין, מצביע וכו'.
.לא פעיל {
אירועי מצביע : אף אחד ;
סַמָן : בְּרִירַת מֶחדָל ;
}
>
לאחר ביצוע הקוד לא יחול שינוי בתצוגה הגרפית של הקישור מבחוץ, אך כאשר המשתמש ילחץ עליו, הוא לא יעשה דבר:
זו הייתה הדרך הקלה ביותר להשבית את הקישור בקוד באמצעות הצהרות CSS.
סיכום
קישור המפנה את המשתמש לדפי אינטרנט אחרים יכול בקלות להיות מושבת באמצעות מאפיין פשוט של CSS 'pointer-events: none'. זה לא מצריך שינויים בלוגיקה של הקוד או המחלקה שבה נוצר הקישור. נדרש מאפיין אירוע מצביע פשוט באלמנט הסגנון המתייחס למחלקה המכילה את הקישור.