Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

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.

pointer-events :