CSS pointer-events ominaisuus

Määritelmä ja käyttö

pointer-events-ominaisuus määrittää, reagoiko elementti hiiren tapahtumiin.

Esimerkki

Aseta elementin reagoiminen hiiren tapahtumiin:

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

Kokeile itse

CSS-kieli

pointer-events: auto|none;

Ominaisuuden arvo

Arvo Kuvaus
auto Oletusarvo. Elementti vastaa hiiren tapahtumia, kuten :hover ja click.
none Elementti ei vastaa hiiren tapahtumia.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Kyllä
Animaation luominen: Ei tuettu. Katso:Animaatiot.
Versio: CSS3
JavaScript-kieli: object.style.pointerEvents="none"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimesen version, joka täysin tukee tätä ominaisuutta.

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