HTMLElement: inert-Eigenschaft

Die HTMLElement-Eigenschaft inert spiegelt den Wert des inert-Attributs des Elements wider. Es handelt sich um einen booleschen Wert, der, wenn er vorhanden ist, den Browser dazu veranlasst, Benutzerinteraktionen für das Element zu "ignorieren". Dazu gehören Fokusevents und Ereignisse von unterstützenden Technologien. Der Browser kann außerdem Such- und Textauswahlfunktionen auf der Seite für das betreffende Element ignorieren. Dies kann nützlich sein, wenn Sie Benutzeroberflächen wie Modals erstellen, bei denen der Fokus innerhalb des Modals gefangen bleiben soll, solange dieses sichtbar ist.

Beachten Sie, dass das Element auch dann Trägheit („inertness“) von seinem Eltern-Element erben kann, wenn das inert-Attribut nicht angegeben ist. Diese geerbte Trägheit wird jedoch nicht durch den Wert dieser Eigenschaft widergespiegelt.

Wert

Ein boolescher Wert, der true ist, wenn das Element inert ist; andernfalls ist der Wert false.

Beispiel

HTML

html
<div>
  <label for="button1">Button 1</label>
  <button id="button1">I am not inert</button>
</div>
<div inert>
  <label for="button2">Button 2</label>
  <button id="button2">I am inert</button>
</div>

CSS

css
[inert] > * {
  opacity: 0.5;
}

Hinweis: Dieses Attribut bewirkt für sich allein keine visuelle Veränderung des Inhalts, wie er im Browser angezeigt wird. Im obigen Beispiel wurde CSS angewendet, um direkte Nachkommen eines Elements mit dem inert-Attribut halbtransparent darzustellen.

Spezifikationen

Specification
HTML
# dom-inert

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
inert
Element is ignored for the purposes of find-in-page.

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

Siehe auch