Atrybut pointer-events w CSS

Definicja i zastosowanie

Atrybut pointer-events definiuje, czy element reaguje na zdarzenia wskaźnika.

Przykład

Ustawienie, czy element reaguje na zdarzenia wskaźnika:

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

Spróbuj sam

Gramatyka CSS

pointer-events: auto|none;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Element reaguje na zdarzenia wskaźnika, takie jak :hover i click.
none Element nie reaguje na zdarzenia wskaźnika.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Inherencja: Tak
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
Gramatyka JavaScript: object.style.pointerEvents="none"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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