Jede Website enthält viele Links auf jeder Schnittstelle, die den Benutzer auf andere Webseiten leiten. Zum Beispiel Links zum Besuch einer anderen Website als Referenz beim Lesen eines Blog -Beitrags, besuchen Sie Social -Media -Konten einer Marke, während Sie ihre Websites besuchen, und laden Sie die Computersoftware usw. herunter usw. Wenn es jedoch erforderlich ist, einen Link zu deaktivieren, wird die CSS -Zeiger -Event -Eigenschaft verwendet.

Der folgende Beitrag erläutert, wie die Objekt des Zeiger -Ereignisses 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 ein HTML-Dokument einen Link zum direkten Besuch einer anderen Webseite hat, wird die Eigenschaft CSS-Zeiger-Events verwendet, um einen Link zu deaktivieren:

Zeiger-Events: Keine;
Cursor: Standard;

So verwenden Sie die Eigenschaft von Pointer-Events im Code?

Die CSS-Style-Anweisung, in der wir die Eigenschaft Zeiger-Events hinzufügen, um den Link zu deaktivieren, sollte sich auf die Klasse beziehen, die den Link enthält. Wenn wir beispielsweise eine Klasse mit dem Namen "nicht aktiv" haben, die den Link enthält:

Deaktivieren Sie den Link mit CSS

Verknüpfung:
Klicken Sie hier

Im obigen Code hat der klickbare Link eine Klasse „nicht aktiv“, mit der zum Zugriff auf dieses HTML-Element zugegriffen wird.

Der obige Code generiert die folgende Ausgabe:

Wenn Sie auf den Link klicken, wird der Benutzer zur Google -Suchmaschine angelegt:

Das Eigentum des Zeiger-Ereignisses

• Schreiben Sie in einem CSS -Stilelement die Eigenschaft Zeigerereignis (Zeiger-Ereignis: Keine) während sie sich auf die Klasse (nicht aktiv) bezieht, die den Link enthält, der deaktiviert werden sollte.
• Stellen Sie den Cursor als Optionen wie Standard, keine, Zeiger usw. ein.

Nachdem der Code ausgeführt wurde, wird die grafische Anzeige des Links von außen nicht geändert, aber wenn der Benutzer darauf klickt, wird er nichts bewirken:

Dies war der einfachste Weg, den Link in einem Code mithilfe von CSS -Anweisungen zu deaktivieren.

Abschluss

Ein Link, der den Benutzer auf andere Webseiten leitet. Dies erfordert keine Änderungen an der Logik des Codes oder der Klasse, in der der Link erstellt wurde. Eine einfache Zeiger -Ereigniseigenschaft in dem Stilelement, das sich auf die Klasse mit dem Link bezieht, ist erforderlich.