CSS - Propriété pointer-events

Description de la propriété pointer-events.

pointer-events définit si l'élément doit réagir aux événements de la souris : click, mousemove, etc. Ce qui a également pour conséquence d'activer ou désactiver les styles définis sur :hover.

Reportez-vous à la propriété touch-action pour l'activation ou la désactivation des gestes sur un écran tactile, comme celui d'un téléphone portable.

Valeurs pour pointer-events.

• pointer-events: auto;

  Valeur par défaut. L'élément réagit aux événements de la souris.

• pointer-events: none;

  L'élément ne réagit pas aux événements de la souris.

• pointer-events: initial;

  La valeur initiale est auto.

• pointer-events: unset; pointer-events: inherit;

  Reportez-vous à la description générale de ces valeurs.

Simulateur.

Déplacez la souris sur le cadre de démo, vous le verrez changer de couleur (styles sur :hover. Cliquez sur le cadre et vous verrez s'afficher un message. Tout ceci peut être désactivé en changeant la valeur de la propriété pointer-events.