DieHTMLElement-Eigenschaftinert spiegelt den Wert desinert-Attributs des Elements wider. Es handelt sich um einen booleschen Wert, der, wenn er vorhanden ist, bewirkt, dass der Browser Benutzereingabeereignisse für das Element "ignoriert", einschließlich Fokuserereignisse und Ereignisse von unterstützenden Technologien. Der Browser kann auch die Seitensuche und die Textauswahl im Element ignorieren. Dies kann nützlich sein, wenn Sie Benutzeroberflächen wie Modals erstellen, bei denen Sie den Fokus im sichtbaren Modal "einfangen" möchten.

Beachten Sie, dass wenn dasinert-Attribut nicht angegeben ist, das Element selbst möglicherweise dennoch Trägheit von seinem Elternteil erbt. Diese ererbte Trägheit wird jedoch nicht durch den Wert dieser Eigenschaft widergespiegelt. Die explizite Setzung der Eigenschaft auffalse kann die von den Eltern geerbte Trägheit nicht rückgängig machen.

Wert

Ein boolescher Wert, dertrue ist, wenn das Element inert ist; andernfalls ist der Wertfalse.

Beispiele

HTML

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

CSS

[inert] > * {  opacity: 0.5;}

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Globales Attribut:inert
• disabled
• <dialog>
• CSSinteractivity-Eigenschaft