Naslednja objava bo pojasnila, kako se lastnost dogodka kazalca uporablja v kodi za onemogočanje povezave v dokumentu HTML.
Onemogočanje povezave s CSS
Knjižnica CSS se uporablja v kombinaciji z drugimi jeziki, kot je HTML. Torej, če ima dokument HTML povezavo za neposreden obisk katere koli druge spletne strani, se lastnost CSS pointer-events uporabi za onemogočanje povezave:
kazalec-dogodki : nič ;
kazalec : privzeto ;
Kako uporabiti lastnost pointer-events v kodi?
Stavek sloga CSS, v katerega bomo dodali lastnost pointer-events za onemogočanje povezave, se mora nanašati na razred, ki vsebuje povezavo. Na primer, če imamo razred z imenom 'not-active', ki vsebuje povezavo:
< h1 > Onemogočite povezavo z uporabo CSS < / h1 >< št >
< b > Povezava: < / b >
< a href = 'https://www.google.com/' razred = 'neaktiven' > Klikni tukaj < / a >
V zgornji kodi ima povezava, ki jo je mogoče klikniti, razred »not-active«, ki bo uporabljen za dostop do tega elementa HTML.
Zgornja koda ustvari naslednji rezultat:
S klikom na povezavo se uporabnik preusmeri na iskalnik google:
Lastnost dogodka kazalca
- Znotraj elementa sloga CSS zapišite lastnost dogodka kazalca ( kazalec-dogodek: noben ), medtem ko se nanaša na razred (not-active), ki vsebuje povezavo, ki bi morala biti onemogočena.
- Nastavite kazalec kot katero koli od možnosti, kot je privzeto, nič, kazalec itd.
.neaktiven {
kazalec-dogodki : nič ;
kazalec : privzeto ;
}
>
Po izvedbi kode se grafični prikaz povezave od zunaj ne bo spremenil, ko pa jo uporabnik klikne, ne bo naredila ničesar:
To je bil najpreprostejši način za onemogočanje povezave v kodi s stavki CSS.
Zaključek
Povezavo, ki uporabnika usmerja na druge spletne strani, je mogoče preprosto onemogočiti s preprosto lastnostjo CSS »pointer-events: none«. To ne zahteva nobenih sprememb logike kode ali razreda, v katerem je bila povezava ustvarjena. Zahtevana je preprosta lastnost dogodka kazalca v elementu sloga, ki se nanaša na razred, ki vsebuje povezavo.