صفت بی اثر

Emma Twersky

ویژگی inert یک ویژگی جهانی HTML است که نحوه حذف و بازیابی رویدادهای ورودی کاربر را برای یک عنصر ساده می‌کند، از جمله رویدادهای تمرکز و رویدادهای فناوری‌های کمکی.

Inert یک رفتار پیش‌فرض در عناصر محاوره‌ای است، مانند زمانی که از showModal برای باز کردن گفتگو برای کاربران برای انتخاب انتخاب و سپس حذف آن از صفحه استفاده می‌کنید. پس از باز کردن یک <dialog> بقیه صفحه بی اثر می شود، برای مثال دیگر نمی توانید روی پیوندها کلیک کنید یا برگه بزنید.

می توانید از ویژگی inert برای دستیابی به رفتار مشابه در سایر عناصر استفاده کنید.

Inert به معنای عدم توانایی حرکت است، بنابراین وقتی چیزی بی اثر را علامت گذاری می کنید، حرکت یا تعامل را از آن عناصر DOM حذف می کنید.

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

در اینجا، inert در دومین عنصر <div> حاوی button2 اعلام شده است، بنابراین تمام محتوای موجود در این <div> ، از جمله دکمه و برچسب، نمی توانند فوکوس دریافت کنند یا روی آنها کلیک شود.

ویژگی inert به ویژه برای دسترسی مفید است، به ویژه برای جلوگیری از به دام افتادن فوکوس.

[inert], [inert] * {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  user-select: none;
}