Parlons brièvement de ce qu'est l'attribut pointer-events ? Utilisation de l'attribut pointer-events

Le contenu de cet article est de parler brièvement de ce qu'est l'attribut pointer-events ? L'utilisation de l'attribut pointer-events permet à chacun de comprendre les connaissances pertinentes de l'attribut pointer-events. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Tout d’abord, comprenons ce qu’est l’attribut pointer-events ?

L'attribut pointer-events est un attribut de pointeur utilisé pour contrôler les conditions dans lesquelles des éléments graphiques spécifiques peuvent devenir la cible d'événements de pointeur.

L'attribut pointer-events a de nombreuses valeurs, mais pour les navigateurs, il n'y a que trois valeurs applicables aux éléments HTML, et les autres valeurs sont pour les éléments SVG (cet attribut lui-même vient de la technologie SVG, est une propriété SVG et n'est définie dans aucune spécification CSS). [Tutoriels vidéo associés recommandés : Tutoriel CSS3]

Voyons ensuite comment utiliser l'attribut pointer-events ?

Syntaxe officielle :

1. Syntaxe :

Syntaxe formelle :

pointer-events: visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit ;

Applicable aux éléments HTML. Trois valeurs :

pointer-events: auto | none | inherit ;

2. Initiale : Automatique

3. Applicable à : tous les éléments

4. Animation : Aucune

Description : Trois valeurs applicables aux éléments HTML

auto : Valeur par défaut, indiquant que les événements de pointeur sont activés à ce moment-là, l'élément répondra aux événements de pointeur, les empêchant ; les événements des incendies sur l'élément en dessous.

aucun : signifie désactiver les événements de pointeur sur l'élément ; à ce moment, l'élément ne répondra pas aux événements de pointeur, mais les éléments en dessous peuvent répondre aux événements de pointeur comme si l'élément le faisait. n'existe pas entre eux Comme ci-dessus.

hériter : signifie que l'élément héritera de sa valeur d'événements de pointeur de son parent.

Compatibilité des propriétés Pointer-events :

Propriété CSS pointer-events (HTML uniquement)

Cette propriété CSS est définie sur "aucun" permet au élément pour ne pas recevoir d'événements de survol/clic, et les événements se produiront sur tout ce qui se trouve derrière lui.

prend en charge les versions suivantes :

* indique un préfixe requis.

Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!