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
<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
[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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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.