Šajā pārskatā mēs detalizēti aprakstīsim, kā izmantot CSS rādītāja notikumu rekvizītu.
Kas ir rādītāja notikumu īpašums?
CSS ' rādītājs-notikumi ” rekvizīts norāda rādītāja/pieskāriena darbību pret HTML elementu un to, vai atlasītais elements reaģēs, veicot darbības, piemēram, virzot kursoru vai klikšķinot.
Kā izmantot rādītāja notikumu īpašumu?
CSS rekvizītu pointer-events var izmantot, lai iespējotu vai atspējotu rādītāja darbības noteiktos HTML elementos. Rekvizīta pointer-events sintakse ir norādīta tālāk.
Sintakse
rādītājs-notikumi : neviens | auto ;
Minētajā sintaksē ' auto ” ir rādītāja notikumu rekvizīta noklusējuma vērtība, un tas iespējo rādītāja darbību uz elementu, un neviens ” ir pilnīgi pretējs auto; tas atspējo rādītāja darbību HTML elementos.
Dosimies uz priekšu un ņemsim piemēru, lai izprastu rādītāja notikumu rekvizītu.
1. piemērs
Mūsu HTML failā norādiet enkura tagu ar tekstu ' LinuxHint.io ” un novietojiet to korpusa daļā.
HTML
< a href = “https://www.linuxhint.io/” > LinuxHint.io < / a >Tagad mēs izmantosim ' rādītājs-notikumi 'īpašums un piešķiriet tam vērtību' neviens ”. Tas atspējos rādītāja darbību elementā.
CSS
a {rādītājs-notikumi : neviens ;
}
Saglabājiet savu HTML failu ar minēto kodu un palaidiet to, izmantojot pārlūkprogrammu:
Ņemsim vēl vienu piemēru, lai padziļināti aptvertu rādītāju-notikumu īpašumu.
2. piemērs
Iestatiet rādītāja notikumu rekvizīta vērtību uz “ auto ' šoreiz. Tas liks elementam reaģēt virs kursora virzīšanas vai noklikšķināšanas. Tomēr auto ir rādītāja notikumu rekvizīta noklusējuma vērtība.
CSS
a {rādītājs-notikumi : auto ;
}
Izvade
Mēs esam apskatījuši dažādus CSS rādītāja notikumu īpašuma lietojumus.
Secinājums
Lai kontrolētu rādītāja darbības, mēs varam izmantot CSS ' rādītājs-notikumi ” īpašums. ' auto ” vērtība ir šī īpašuma iepriekš definētā vērtība; tas ļauj veikt darbības, izmantojot HTML elementus. Ja rādītāja notikumu rekvizīts tiek izmantots ar vērtību ' neviens ”, tas atspējo darbības ar konkrētu elementu. Šis raksts ir parādījis, kā izmantot CSS rādītāja notikumu rekvizītu.