Der folgende Beitrag erklärt, wie die Zeigerereigniseigenschaft in einem Code verwendet wird, um einen Link in einem HTML-Dokument zu deaktivieren.
Deaktivieren eines Links mit CSS
Die CSS-Bibliothek wird in Kombination mit anderen Sprachen wie HTML verwendet. Wenn also ein HTML-Dokument einen Link zum direkten Aufrufen einer anderen Webseite enthält, wird die CSS-Eigenschaft pointer-events verwendet, um einen Link zu deaktivieren:
Zeigerereignisse : keiner ;
Mauszeiger : Standard ;
Wie verwende ich die Eigenschaft pointer-events im Code?
Die CSS-Stilanweisung, in der wir die Eigenschaft pointer-events hinzufügen, um den Link zu deaktivieren, sollte sich auf die Klasse beziehen, die den Link enthält. Wenn wir zum Beispiel eine Klasse mit dem Namen „nicht aktiv“ haben, die den Link enthält:
< h1 > Deaktivieren Sie den Link mit CSS < / h1 >< Br >
< B > Verknüpfung: < / B >
< A href = 'https://www.google.com/' Klasse = 'nicht aktiv' > Klicken Sie hier < / A >
Im obigen Code hat der anklickbare Link eine Klasse „nicht aktiv“, die verwendet wird, um auf dieses HTML-Element zuzugreifen.
Der obige Code generiert die folgende Ausgabe:
Durch Klicken auf den Link wird der Benutzer zur Google-Suchmaschine weitergeleitet:
Die pointer-event-Eigenschaft
- Schreiben Sie in ein CSS-Stilelement die Zeigerereigniseigenschaft ( Zeigerereignis: keine ), während auf die Klasse (nicht aktiv) verwiesen wird, die den zu deaktivierenden Link enthält.
- Setzen Sie den Cursor auf eine der Optionen wie Standard, Keine, Zeiger usw.
.nicht aktiv {
Zeigerereignisse : keiner ;
Mauszeiger : Standard ;
}
>
Nach dem Ausführen des Codes ändert sich an der grafischen Darstellung des Links von außen nichts, aber wenn der Nutzer darauf klickt, passiert nichts:
Dies war die einfachste Möglichkeit, den Link in einem Code mithilfe von CSS-Anweisungen zu deaktivieren.
Abschluss
Ein Link, der den Benutzer auf andere Webseiten weiterleitet, kann einfach durch eine einfache CSS-Eigenschaft „pointer-events: none“ deaktiviert werden. Dies erfordert keine Änderungen an der Logik des Codes oder der Klasse, in der die Verknüpfung erstellt wurde. Eine einfache Zeigerereigniseigenschaft im Stilelement, die auf die Klasse verweist, die den Link enthält, ist erforderlich.