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
. -
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
: