So deaktivieren Sie Links in HTML: Eine umfassende Anleitung.

CSS Way

Während die CSS-Eigenschaft pointer-events die Linkinteraktion deaktivieren kann, ermöglicht sie die Tastaturnavigation. Um dieses Problem zu beheben, verwenden Sie das Attribut tabindex="-1", um den Elementfokus zu verhindern. Diese Technik ist mit aktuellen Browsern kompatibel.

JavaScript Intercept Clicks

Setzen Sie das href-Attribut auf eine JavaScript-Funktion und prüfen Sie, ob der deaktivierte Zustand vorliegt. Wenn die Bedingung erfüllt ist, verhindern Sie die Standardklickaktion.

Link löschen

Entfernen Sie das href-Attribut, um Links zu deaktivieren. Diese Methode verhindert sowohl die Maus- als auch die Tastaturnavigation.

Fake Click Handler

Fügen Sie einen Onclick-Ereignishandler hinzu, der „false“ zurückgibt, wenn auf den Link geklickt wird. Diese Methode ähnelt dem Abfangen von Klicks, erfordert jedoch nicht das Setzen des href-Attributs.

Styling

Verwenden Sie das Attribut „disabled“ oder die CSS-Klasse, um deaktivierte Links zu formatieren. Stellen Sie sicher, dass der Stil mit der gewählten JavaScript-Methode übereinstimmt.

ARIA-Richtlinien

Fügen Sie zur Barrierefreiheit das Attribut aria-disabled="true" ein, um deaktivierte Links zu unterstützenden Technologien anzuzeigen.

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie Links in HTML: Eine umfassende Anleitung.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!