Sljedeći post objasnit će kako se svojstvo događaja pokazivača koristi u kodu za onemogućavanje veze u HTML dokumentu.
Onemogućavanje veze pomoću CSS-a
CSS biblioteka koristi se u kombinaciji s drugim jezicima poput HTML-a. Dakle, ako HTML dokument ima vezu za izravnu posjetu bilo kojoj drugoj web stranici, svojstvo CSS pointer-events koristi se za onemogućavanje veze:
pokazivač-događaji : nikakav ;
kursor : zadano ;
Kako koristiti svojstvo pointer-events u kodu?
Izjava CSS stila u koju ćemo dodati svojstvo pointer-events za onemogućavanje veze trebala bi se odnositi na klasu koja sadrži vezu. Na primjer, ako imamo klasu pod nazivom 'not-active' koja sadrži vezu:
< h1 > Onemogućite vezu pomoću CSS-a < / h1 >< br >
< b > Veza: < / b >
< a href = 'https://www.google.com/' razreda = 'nije aktivan' > Kliknite ovdje < / a >
U gornjem kodu, veza na koju se može kliknuti ima klasu 'not-active' koja će se koristiti za pristup ovom HTML elementu.
Gornji kod generira sljedeći izlaz:
Klikom na poveznicu korisnik se usmjerava na google tražilicu:
Svojstvo događaja pokazivača
- Unutar elementa CSS stila napišite svojstvo događaja pokazivača ( pokazivač-događaj: nijedan ) dok se odnosi na klasu (neaktivna) koja sadrži vezu koju treba onemogućiti.
- Postavite pokazivač kao bilo koju od opcija kao što su zadano, ništa, pokazivač itd.
.nije aktivan {
pokazivač-događaji : nikakav ;
kursor : zadano ;
}
>
Nakon izvršenja koda neće biti promjena u grafičkom prikazu poveznice izvana, ali kada korisnik klikne na nju, neće učiniti ništa:
Ovo je bio najlakši način za onemogućavanje veze u kodu pomoću CSS naredbi.
Zaključak
Veza koja usmjerava korisnika na druge web stranice može se lako onemogućiti putem jednostavnog svojstva CSS-a “pointer-events: none”. To ne zahtijeva nikakve promjene logike koda ili klase u kojoj je veza stvorena. Potrebno je jednostavno svojstvo događaja pokazivača u elementu stila koji se odnosi na klasu koja sadrži vezu.