CSS pointer-events egenskap

Definition och användning

pointer-events-egenskapen definierar om elementet reagerar på pekevent eller inte.

Exempel

Ställ in om elementet reagerar på pekevent eller inte:

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

Prova själv

CSS-syntax

pointer-events: auto|none;

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Element reagerar på pekevent, som t.ex. :hover och click.
none Element reagerar inte på pekevent.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Får denna egenskap från sina föräldrelement. Se inherit.

Tekniska detaljer

Standardvärde: auto
Ärvande: Ja
Animering: Stöds inte. Se:Animationsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.pointerEvents="none"

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder denna egenskap.

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