Nākamajā rakstā tiks paskaidrots, kā rādītāja notikuma rekvizīts tiek izmantots kodā, lai atspējotu saiti HTML dokumentā.
Saites atspējošana, izmantojot CSS
CSS bibliotēka tiek izmantota kopā ar citām valodām, piemēram, HTML. Tātad, ja HTML dokumentā ir saite, lai tieši apmeklētu jebkuru citu tīmekļa lapu, CSS rādītāja notikumu rekvizīts tiek izmantots, lai atspējotu saiti:
rādītājs-notikumi : neviens ;
kursors : noklusējuma ;
Kā kodā izmantot rādītāja notikumu rekvizītu?
CSS stila priekšrakstam, kurā pievienosim rekvizītu pointer-events, lai atspējotu saiti, jāattiecas uz klasi, kurā ir saite. Piemēram, ja mums ir klase ar nosaukumu “not-active”, kurā ir saite:
< h1 > Atspējojiet saiti, izmantojot CSS < / h1 >< br >
< b > Saite: < / b >
< a href = 'https://www.google.com/' klasē = 'neaktīvs' > Noklikšķiniet šeit < / a >
Iepriekš minētajā kodā uz noklikšķināmās saites ir klase “not-active”, kas tiks izmantota, lai piekļūtu šim HTML elementam.
Iepriekš minētais kods ģenerē šādu izvadi:
Noklikšķinot uz saites, lietotājs tiek novirzīts uz Google meklētājprogrammu:
Rādītāja notikuma īpašums
- CSS stila elementā ierakstiet rādītāja notikuma rekvizītu ( rādītāja notikums: nav ), vienlaikus norādot uz klasi (nav aktīva), kurā ir saite, kas būtu jāatspējo.
- Iestatiet kursoru kā jebkuru no opcijām, piemēram, noklusējuma, nav, rādītājs utt.
.neaktīvs {
rādītājs-notikumi : neviens ;
kursors : noklusējuma ;
}
>
Pēc koda izpildes saites grafiskais attēlojums no ārpuses nemainīsies, taču, lietotājam noklikšķinot uz tā, tas neko nedarīs:
Tas bija vienkāršākais veids, kā atspējot saiti kodā, izmantojot CSS paziņojumus.
Secinājums
Saite, kas novirza lietotāju uz citām tīmekļa lapām, var viegli atspējot, izmantojot vienkāršu CSS rekvizītu “pointer-events: none”. Tas neprasa nekādas izmaiņas koda loģikā vai klasē, kurā saite ir izveidota. Nepieciešams vienkāršs rādītāja notikuma rekvizīts stila elementā, kas attiecas uz klasi, kurā ir saite.