So verwenden Sie die Eigenschaft CSS-Zeiger-Events

Bei der Entwicklung einer Website möchten Sie die Zuschauer möglicherweise daran hindern, einige Aktionen (Klicken/Schwebe) auf einigen Elementen der Website auszuführen, z. B. Bilder oder Hyperlinks. Es könnte mehrere Gründe geben; Sie möchten beispielsweise nicht, dass der Benutzer auf den Link klickt. In solchen Szenarien kann die Eigenschaft CSS-Zeiger-Events verwendet werden, um die erforderlichen Ergebnisse zu erzielen.

In dieser Beschreibung werden wir uns mit der Verwendung der Eigenschaft CSS-Zeiger-Events nähern.

Was ist Zeiger-Events-Eigentum?

CSS “Zeiger-Events”Eigenschaft gibt den Zeiger/Tippen Sie auf das Verhalten auf das HTML.

So verwenden Sie die Eigenschaft Zeiger-Events?

In CSS kann die Eigenschaft Zeiger-Events verwendet werden, um Zeigeraktionen für bestimmte HTML-Elemente zu aktivieren oder zu deaktivieren. Die Syntax der Objekte der Zeiger-Events ist unten angegeben.

Syntax

Zeiger-Events: Keine | Auto;

In der erwähnten Syntax “,“AutoIst der Standardwert der Eigenschaft Zeiger-Events und ermöglicht die Zeigeraktion in Richtung eines Elements und “keinerIst völlig gegenüber dem Auto; Es deaktiviert Zeigeraktionen auf HTML -Elementen.

Lassen Sie uns voranschreiten und ein Beispiel geben, um die Eigenschaft Zeiger-Events zu verstehen.

Beispiel 1
Geben Sie in unserer HTML -Datei einen Anker -Tag mit dem Text an “anLinuxHint.ioUnd legen Sie es in den Körperabschnitt.

Html

LinuxHint.io

Jetzt werden wir das verwenden “Zeiger-Events”Eigenschaft und zuweisen Sie den Wert“keiner”. Dadurch wird die Zeigeraktion auf dem Element deaktiviert.

CSS

A
Zeiger-Events: Keine;

Speichern Sie Ihre HTML -Datei mit dem genannten Code und führen Sie sie mit Ihrem Browser aus:

Nehmen wir ein weiteres Beispiel, um das Eigentum der Zeiger-Events tief abzudecken.

Beispiel 2
Setzen Sie den Eigenschaftswert der Zeiger-Events auf “Auto" diesmal. Dadurch wird das Element über Zeiger schweben oder klicken. Auto ist jedoch der Standardwert der Eigenschaft Zeiger-Events.

CSS

A
Zeiger-Events: Auto;

Ausgang

Wir haben verschiedene Verwendungen der CSS-Zeiger-Events-Events behandelt.

Abschluss

Um die Zeigeraktionen zu steuern, können wir die CSS nutzen “Zeiger-Events" Eigentum. Der "AutoWert ist der vordefinierte Wert dieser Eigenschaft; Es ermöglicht die Aktionen über die HTML -Elemente. Wenn die Eigenschaft Zeiger-Events mit dem Wert verwendet wird “keiner”, Es deaktiviert die Aktionen gegenüber einem bestimmten Element. Diese Beschreibung hat gezeigt, wie die Eigenschaft CSS Zeiger-Events verwendet wird.