Nasledujúci príspevok vysvetlí, ako sa vlastnosť udalosti ukazovateľa používa v kóde na zakázanie odkazu v dokumente HTML.
Zakázanie odkazu pomocou CSS
Knižnica CSS sa používa v kombinácii s inými jazykmi, ako je HTML. Ak teda dokument HTML obsahuje odkaz na priamu návštevu akejkoľvek inej webovej stránky, na zakázanie odkazu sa použije vlastnosť CSS pointer-events:
ukazovateľ-udalosti : žiadny ;
kurzor : predvolená ;
Ako používať vlastnosť udalostí ukazovateľa v kóde?
Príkaz v štýle CSS, do ktorého pridáme vlastnosť pointer-events na zakázanie prepojenia, by mal odkazovať na triedu, ktorá obsahuje prepojenie. Napríklad, ak máme triedu s názvom „neaktívna“, ktorá obsahuje odkaz:
< h1 > Zakázať prepojenie pomocou CSS < / h1 < br >
< b > odkaz: < / b >
< a href = 'https://www.google.com/' trieda = 'neaktívny' > Kliknite tu < / a >
Vo vyššie uvedenom kóde má odkaz, na ktorý možno kliknúť, triedu „neaktívne“, ktorá sa použije na prístup k tomuto prvku HTML.
Vyššie uvedený kód generuje nasledujúci výstup:
Kliknutím na odkaz sa používateľ nasmeruje na vyhľadávací nástroj Google:
Vlastnosť udalosti ukazovateľa
- Do prvku štýlu CSS napíšte vlastnosť udalosti ukazovateľa ( ukazovateľ-udalosť: žiadna ), pričom odkazuje na triedu (neaktívnu) obsahujúcu odkaz, ktorý by mal byť vypnutý.
- Nastavte kurzor ako niektorú z možností, ako je predvolené, žiadne, ukazovateľ atď.
.neaktívny {
ukazovateľ-udalosti : žiadny ;
kurzor : predvolená ;
}
>
Po vykonaní kódu nedôjde k žiadnej zmene v grafickom zobrazení odkazu zvonku, ale keď naň používateľ klikne, neurobí nič:
Toto bol najjednoduchší spôsob, ako zakázať prepojenie v kóde pomocou príkazov CSS.
Záver
Odkaz, ktorý používateľa nasmeruje na iné webové stránky, možno jednoducho deaktivovať pomocou jednoduchej vlastnosti CSS „ukazovateľ-udalosti: žiadny“. Nevyžaduje si to žiadne zmeny v logike kódu ani v triede, v ktorej bolo prepojenie vytvorené. Vyžaduje sa jednoduchá vlastnosť udalosti ukazovateľa v elemente štýlu odkazujúceho na triedu obsahujúcu odkaz.