Tasten werden normalerweise verwendet, um eine bestimmte Aktion auszuführen. Wenn Sie beispielsweise auf die Schaltfläche hinzugefügt werden, wird ein bestimmtes Ereignis ausgelöst. Mit CSS können wir das Click -Ereignis deaktivieren. Wenn Sie also das Klickereignis deaktivieren möchten, fügen Sie ein Zeigerereignis in CSS hinzu und setzen Sie seinen Wert gemäß den Anforderungen fest.

In diesem Artikel lernen wir, wie Sie das Klickereignis mit CSS deaktivieren können.

So lass uns anfangen!

So deaktivieren Sie das Klickenereignis mit CSS?

Sie können Klick -Ereignisse mit dem CSS deaktivierenZeiger-Events" Eigentum. Aber wenn wir hineinspringen, werden wir es Ihnen kurz erklären.

Was ist "Zeiger-Events" CSS-Eigenschaft?

Der "Zeiger-Events„Steuern Sie, wie die HTML -Elemente das Touch -Ereignis reagieren oder verhalten, z.

Syntax
Die Syntax der Zeiger-Events ist wie folgt:

Zeiger-Events: Auto | Keine;

Die oben genannte Erwähnungseigenschaft nimmt zwei Werte an, z. B. “Auto" Und "keiner”:

• Auto: Es wird verwendet, um Standardereignisse durchzuführen.
• keiner: Es wird verwendet, um Ereignisse zu deaktivieren.

HINWEIS: Das folgende Beispiel zeigt zunächst, wie Sie zwei aktive Schaltflächen hinzufügen, und dann deaktivieren wir den Klickereignis der zweiten Schaltfläche.

Beispiel 1: Deaktivieren Klickereignis von Schaltflächen mit CSS
In diesem Beispiel werden wir eine Überschrift erstellen

und zwei Knöpfe. Geben Sie als nächstes die “an"Taste"Wie der Klassenname der ersten Schaltfläche und zuweisen"Taste" Und "Taste2”Als die Klassen der zweiten Taste.

Html

Klicken Sie mit CSS Klick -Ereignis deaktivieren

Taste aktivieren
Taste deaktivieren

In CSS, “.Taste”Wird verwendet, um beide Schaltflächen zugreifen, die in der HTML -Datei erstellt wurden. Als nächstes setzen Sie den Grenzstil als "keiner"Und geben Sie die Polsterung als"25px”. Setzen Sie danach die Farbe des Schaltflächentextes als "RGB (29, 6, 31)"Und der Schaltflächenhintergrund als"RGB (19, 192, 163)”. Wir werden auch den Radius einer Taste als "einstellen"5px”.

CSS

.Taste
Grenze: Keine;
Polsterung: 25px;
Farbe: RGB (29, 6, 31);
Hintergrundfarbe: RGB (19, 192, 163);
Border-Radius: 5px;

Danach werden wir die Active Pseudo-Klasse auf beiden Tasten als “anwenden.Taste: aktiv”Und setzen Sie die Farbe der Schaltfläche als" als "RGB (200, 255, 0)”:

.Taste: aktiv
Hintergrundfarbe: RGB (209, 65, 65);

Infolgedessen sehen Sie das folgende Ergebnis:

Jetzt werden wir zum nächsten Teil übergehen, in dem wir das Klickereignis für die zweite Schaltfläche deaktivieren werden.

Um dies zu tun, verwenden Sie “.Taste2”Um auf die zweite Schaltfläche zuzugreifen, die in der HTML-Datei erstellt wurde, und danach den Wert der Objekte der Zeiger-Events als“ festlegenkeiner”:

.Button2
Zeiger-Events: Keine;

Verwenden Sie die Eigenschaft Zeiger-Events und die Festlegung des Werts auf Non, deaktiviert das Klickereignis, das in der folgenden Ausgabe angezeigt werden kann:

Wir haben die einfachste Methode zur Deaktivierung des Klickereignisses mit CSS bereitgestellt.

Abschluss

So deaktivieren Sie das Klickereignis in HTML, die “Zeiger-Events”Eigenschaft von CSS wird verwendet. Fügen Sie zu diesem Zweck ein HTML-Element hinzu und setzen Sie den Wert der Zeiger-Events-Eigenschaft als "keiner”Um das Klickereignis zu deaktivieren. In diesem Artikel wurde erläutert, wie das Klickereignis mit CSS zusammen mit seinem Beispiel deaktiviert werden kann.