Šiame įraše bus paaiškinta, kaip žymeklio įvykio ypatybė naudojama kode norint išjungti nuorodą HTML dokumente.
Nuorodos išjungimas naudojant CSS
CSS biblioteka naudojama kartu su kitomis kalbomis, pvz., HTML. Taigi, jei HTML dokumente yra nuoroda, skirta tiesiogiai apsilankyti bet kuriame kitame tinklalapyje, CSS žymiklio įvykių ypatybė naudojama nuorodai išjungti:
rodyklės įvykiai : nė vienas ;
žymeklį : numatytas ;
Kaip kode naudoti žymiklio įvykių nuosavybę?
CSS stiliaus teiginys, kuriame pridėsime žymeklio įvykių ypatybę, kad išjungtume nuorodą, turėtų reikšti klasę, kurioje yra nuoroda. Pavyzdžiui, jei turime klasę, pavadintą „neaktyvi“, kurioje yra nuoroda:
< h1 > Išjunkite nuorodą naudodami CSS < / h1 >< br >
< b > Nuoroda: < / b >
< a href = 'https://www.google.com/' klasė = 'neaktyvus' > Paspauskite čia < / a >
Aukščiau pateiktame kode spustelėjamoje nuorodoje yra klasė „neaktyvi“, kuri bus naudojama norint pasiekti šį HTML elementą.
Aukščiau pateiktas kodas generuoja šią išvestį:
Paspaudus nuorodą vartotojas nukreipiamas į google paieškos sistemą:
Rodyklės įvykio nuosavybė
- CSS stiliaus elemente parašykite žymeklio įvykio ypatybę ( žymeklis-įvykis: nėra ), nurodydami klasę (neaktyvią), kurioje yra nuoroda, kuri turėtų būti išjungta.
- Nustatykite žymeklį kaip bet kurią iš parinkčių, pvz., numatytoji, nėra, žymeklis ir kt.
.neaktyvus {
rodyklės įvykiai : nė vienas ;
žymeklį : numatytas ;
}
>
Įvykdžius kodą nuorodos grafinis atvaizdavimas iš išorės nepasikeis, tačiau vartotojui spustelėjus nieko nepadarys:
Tai buvo lengviausias būdas išjungti nuorodą kode naudojant CSS teiginius.
Išvada
Nuorodą, nukreipiančią vartotoją į kitus tinklalapius, galima lengvai išjungti naudojant paprastą CSS ypatybę „pointer-events: none“. Tam nereikia keisti kodo logikos ar klasės, kurioje buvo sukurta nuoroda. Reikalinga paprastos žymeklio įvykio ypatybė stiliaus elemente, nurodančioje klasę, kurioje yra nuoroda.