Proprietà CSS pointer-events

Definizione e uso

L'attributo pointer-events definisce se l'elemento deve rispondere agli eventi del puntatore.

Esempio

Impostare se l'elemento deve rispondere agli eventi del puntatore:

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

Prova tu stesso

Sintassi CSS

pointer-events: auto|none;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. L'elemento risponde agli eventi del puntatore, come :hover e click.
none L'elemento non risponde agli eventi del puntatore.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: Sì
Creazione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.pointerEvents="none"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

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