Deaktiviertes href-Tag

Question

Dieser Link ist zwar deaktiviert, kann aber immer noch angeklickt werden.

<a href="stackoverflow.com/" disabled="disabled">123n</a>

Kann ich es so einstellen, dass es nicht angeklickt werden kann, wenn es deaktiviert ist? Sollte ich unbedingt JavaScript verwenden?

Answer 1

Mit Hilfe von css können Sie den Hyperlink deaktivieren. Versuchen Sie das unten

a.disabled {
  pointer-events: none;
  cursor: default;
}

<a href="link.html" class="disabled">Link</a>

Answer 2

Es gibt kein Attribut "deaktiviert" für Hyperlinks. Wenn Sie nicht wollen, dass etwas verlinkt wird, müssen Sie das Attribut <a> Tag insgesamt.

Alternativ können Sie auch die href Attribut - dies hat jedoch andere UX- und Zugänglichkeitsprobleme, wie in den Kommentaren unten erwähnt, und wird daher nicht empfohlen.

Answer 3

Sie können verwenden:

<a href="http://stackoverflow.com/" onclick="return false;">123n</a>

Answer 4

Sie können eine der folgenden Lösungen verwenden:

HTML

<a>link</a>

JavaScript

<a href="javascript:function() { return false; }">link</a>
<a href="http://stackoverflow.com/" onclick="return false;">link</a>

CSS

<a href="www.page.com" disabled="disabled">link</a>

<style type="text/css">
    a[disabled="disabled"] {
        pointer-events: none;
    }
</style>

---

Answer 5

Versuchen Sie dies:

<a href="javascript:void(0)" style="cursor: default;">123n</a>