Propriété pointer-events de CSS

Définition et utilisation

L'attribut pointer-events définit si l'élément réagit aux événements de pointeur.

Exemple

Définir si l'élément réagit aux événements de pointeur :

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

Essayer par vous-même

Syntaxe CSS

pointer-events: auto|none;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. L'élément répond aux événements de pointeur, tels que :hover et click.
none L'élément ne répond pas aux événements de pointeur.
initial Régler cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : auto
Héritage : Oui
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.pointerEvents="none"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version la plus ancienne du navigateur qui prend en charge cette propriété en totalité.

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