Lassen Sie uns kurz darüber sprechen, was das Attribut pointer-events ist. Verwendung des Pointer-Events-Attributs

Der Inhalt dieses Artikels besteht darin, kurz darüber zu sprechen, was das Attribut pointer-events ist. Die Verwendung des Pointer-Events-Attributs ermöglicht es jedem, das relevante Wissen des Pointer-Events-Attributs zu verstehen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Lassen Sie uns zunächst verstehen, was das Attribut pointer-events ist.

Das pointer-events-Attribut ist ein Zeigerattribut, das zur Steuerung der Bedingungen verwendet wird, unter denen bestimmte Grafikelemente zum Ziel von Zeigerereignissen werden können.

Das Attribut pointer-events hat viele Werte, aber für Browser gibt es nur drei Werte, die auf HTML-Elemente anwendbar sind, und die anderen Werte gelten für SVG-Elemente (dieses Attribut selbst stammt aus der SVG-Technologie, ist eine SVG-Eigenschaft und in keiner CSS-Spezifikation definiert). [Empfohlene verwandte Video-Tutorials: CSS3-Tutorial]

Als nächstes sehen wir uns an, wie man das Attribut pointer-events verwendet?

Offizielle Syntax:

1. Grammatik:

Formale Syntax:

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

Drei Typen, die auf HTML-Elemente anwendbar sind Werte:

pointer-events: auto | none | inherit ;

2. Anfänglich: Automatisch

3. Anwendbar auf: alle Elemente

4. Animation: Keine

Beschreibung: Drei Werte, die auf HTML-Elemente anwendbar sind

auto: Standardwert, der angibt, dass Zeigerereignisse zu diesem Zeitpunkt aktiviert sind und das Element auf Zeigerereignisse reagiert und diese Ereignisse auf den Elementen blockiert darunter wird der Auslöser aktiviert.

keine: bedeutet, Zeigerereignisse auf dem Element zu deaktivieren. Zu diesem Zeitpunkt reagiert das Element nicht auf Zeigerereignisse, aber die Elemente darunter können auf Zeigerereignisse reagieren, als ob das Element dies tun würde zwischen ihnen existiert nicht. Gleiches wie oben.

inherit: bedeutet, dass das Element seinen Zeigerereigniswert von seinem übergeordneten Element erbt.

Kompatibilität der Pointer-Events-Eigenschaft:

CSS-Pointer-Events-Eigenschaft (nur HTML)

Diese CSS-Eigenschaft ist auf „none“ gesetzt und ermöglicht die Element, um keine Hover-/Klick-Ereignisse zu empfangen, und die Ereignisse werden auf allem dahinter auftreten.

unterstützt die folgenden Versionen:

* gibt ein erforderliches Präfix an.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonLassen Sie uns kurz darüber sprechen, was das Attribut pointer-events ist. Verwendung des Pointer-Events-Attributs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!