Následující příspěvek vysvětlí, jak se vlastnost události ukazatele používá v kódu k deaktivaci odkazu v dokumentu HTML.
Zakázání odkazu pomocí CSS
Knihovna CSS se používá v kombinaci s jinými jazyky, jako je HTML. Pokud tedy dokument HTML obsahuje odkaz na přímou návštěvu jiné webové stránky, použije se vlastnost CSS pointer-events k deaktivaci odkazu:
ukazatel-události : žádný ;
kurzor : výchozí ;
Jak používat vlastnost událostí ukazatele v kódu?
Příkaz stylu CSS, do kterého přidáme vlastnost pointer-events pro deaktivaci odkazu, by měl odkazovat na třídu, která obsahuje odkaz. Pokud například máme třídu s názvem „neaktivní“, která obsahuje odkaz:
< h1 > Zakázat odkaz pomocí CSS < / h1 < br >
< b > Odkaz: < / b >
< A href = 'https://www.google.com/' třída = 'neaktivní' > Klikněte zde < / A >
Ve výše uvedeném kódu má odkaz, na který lze kliknout, třídu „neaktivní“, která bude použita pro přístup k tomuto prvku HTML.
Výše uvedený kód generuje následující výstup:
Kliknutí na odkaz přesměruje uživatele na vyhledávač Google:
Vlastnost události ukazatele
- Do prvku stylu CSS napište vlastnost události ukazatele ( ukazatel-událost: žádná ) s odkazem na třídu (neaktivní) obsahující odkaz, který by měl být zakázán.
- Nastavte kurzor jako kteroukoli z možností, jako je výchozí, žádný, ukazatel atd.
.neaktivní {
ukazatele-události : žádný ;
kurzor : výchozí ;
}
>
Po provedení kódu nedojde ke změně grafického zobrazení odkazu zvenčí, ale když na něj uživatel klikne, nic neudělá:
Toto byl nejjednodušší způsob, jak zakázat odkaz v kódu pomocí příkazů CSS.
Závěr
Odkaz, který uživatele nasměruje na jiné webové stránky, lze snadno deaktivovat pomocí jednoduché vlastnosti CSS „pointer-events: none“. To nevyžaduje žádné změny logiky kódu nebo třídy, ve které byl odkaz vytvořen. Je vyžadována jednoduchá vlastnost události ukazatele v prvku stylu odkazujícího na třídu obsahující odkaz.