Элемент: свойство ariaMultiSelectable
Базовая версия 2023
Новое свойство
С октября 2023 года данная функция работает на последних версиях устройств и браузеров. Возможно, она не будет работать на старых устройствах или браузерах.
Свойство ariaMultiSelectable интерфейса Element отражает значение атрибута aria-multiselectable, указывающего, что пользователь может выбрать более одного элемента из текущих выводимых.
Примечание: По возможности используйте HTML-элемент <select>, так как он имеет встроенную семантику и не требует атрибутов ARIA.
Значение
Строка с одним из следующих значений:
Примеры
В этом примере атрибут aria-multiselectable элемента с идентификатором listbox1 установлен в «true», что указывает, что этот элемент принимает несколько выбранных элементов. Используя ariaMultiSelectable мы обновляем значение на «false».
<div
role="listbox"
tabindex="0"
id="listbox1"
aria-multiselectable="true"
aria-labelledby="listbox1label"
aria-activedescendant="listbox1-1">
<div role="option" id="listbox1-1" class="selected" aria-selected="true">
Green
</div>
<div role="option" id="listbox1-2">Orange</div>
<div role="option" id="listbox1-3">Red</div>
</div>
let el = document.getElementById("listbox1");
console.log(el.ariaMultiSelectable); // "true"
el.ariaMultiSelectable = "false";
console.log(el.ariaMultiSelectable); // "false"
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
ariaMultiSelectable |
81 | 81 | 119 | 68 | 12.1 | 81 | 119 | 58 | 12.2 | 13.0 | 81 |
См. также
© 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/Element/ariaMultiSelectable