CSS pointer-events eigenschap

Definitie en gebruik

De pointer-events eigenschap definieert of een element reageert op pointergebeurtenissen.

Voorbeeld

Instellen of een element reageert op pointergebeurtenissen:

div.ex1 {
  pointer-events: none;
}
div.ex2 {
  pointer-events: auto;
}

Probeer het zelf uit

CSS syntaxis

pointer-events: auto|none;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. Het element reageert op pointergebeurtenissen, zoals :hover en klik.
none Het element reageert niet op pointergebeurtenissen.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erft van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritantie: Ja
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.pointerEvents="none"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
2.0 11.0 3.6 4.0 9.0