HTMLElement: свойство inert

Свойство HTMLElement inert отражает значение атрибута элемента inert. Это булево значение, которое, при наличии, заставляет браузер "игнорировать" события пользовательского ввода для элемента, включая события фокусировки и события от вспомогательных технологий. Браузер также может игнорировать поиск по странице и выделение текста в элементе. Это может быть полезно при создании пользовательских интерфейсов, таких как модальные окна, где требуется "запереть" фокус внутри модального окна, когда оно отображается.

Примечание: Не вкладывайте интерактивные элементы или важные элементы содержимого в элементы с атрибутом inert , так как содержимое inert и их потомки не являются фокусируемыми и не воспринимаются всеми пользователями.

Значение

Булево значение, которое равно true если элемент inert; в противном случае значение равно false.

Пример

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;
}

Примечание: Сам по себе этот атрибут не приведет к каким-либо визуальным изменениям отображаемого содержимого в браузере. В примере выше CSS был применен для того, чтобы любой непосредственный потомок элемента с атрибутом inert был отрисован полупрозрачным.

Спецификации

Спецификация
HTML # dom-inert

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`inert`	102	102	112	88	15.5	102	112	70	15.5	19.0	102
`ignores_find_in_page`	124	124	120	110	Нет	124	120	82	Нет	27.0	124

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert