pointer-eventsLastnost omogoča nadzor nad tem, kako HTML elementi odzovejo na miško / dotik dogodke - vključno s CSS lebdenje / aktivnih članic, kliknite / pipe dogodke v Javascript, in ali je kazalec viden ali ne.
.avoid-clicks ( pointer-events: none; )Medtem ko je pointer-eventsnepremičnina je enajst možne vrednosti, vse prej kot tri izmed njih so namenjena izključno za uporabo s SVG. Tri veljavne vrednosti za kateri koli element HTMl so:
nonepreprečuje vse možnosti klika, stanja in kurzorja na določenem elementu HTMLautoobnovi privzeto funkcionalnost (uporabno za uporabo v podrejenih elementih elementa zpointer-events: none;navedeniminheritbo uporabilpointer-eventsvrednost nadrejenega elementa
Kot je prikazano zgoraj, je glavni primer uporabe pointer-eventsomogočiti vedenje s klikom ali tapkanjem, da element "preide" do drugega elementa pod njim na osi Z. To bi bilo na primer koristno za grafične prosojnice ali skrivanje elementov z opacity(npr. Namigi) in še vedno omogoča izbiro besedila na vsebini pod njim.
Zanimivosti
- »Uporaba kazalnih dogodkov v CSS za elemente, ki niso SVG, je eksperimentalna. Funkcija je bila nekoč del specifikacije osnutka uporabniškega vmesnika CSS3, vendar je bila zaradi številnih odprtih vprašanj preložena na CSS4. " - Mozilla MDN
- "Če elementu dodate poslušalec dogodka klika, nato odstranite slog kazalca dogodkov (ali spremenite njegovo vrednost na samodejno, dogodek klika sproži določeno funkcionalnost. V bistvu dogodek klika spoštuje vrednost dogodkov kazalca." - David Walsh
Podpora za brskalnik
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 4. | 3.6 | 11. | 12. | 4. |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |
Podpora je v nekaterih brskalnikih nekoliko globlja, če jo uporabljate , na primer IE 9 to podpira.