HTMLButtonElement: свойство command
Экспериментально: Это экспериментальная технология .
Перед использованием в продакшне внимательно изучите таблицу совместимости браузеров.
Свойство command интерфейса HTMLButtonElement получает и задаёт действие, которое должно выполняться над элементом, управляемым этой кнопкой. Для того, чтобы это имело эффект, необходимо установить commandfor.
Оно отражает атрибут HTML command.
Значение
Строка. Допустимые значения см. в атрибуте command.
Примеры
Базовый пример
<button id="toggleBtn" commandfor="mypopover" command="toggle-popover"> Toggle popover </button> <div popover id="mypopover"> <button commandfor="mypopover" command="hide-popover">Hide popover</button> </div>
const popover = document.getElementById("mypopover");
const toggleBtn = document.getElementById("toggleBtn");
toggleBtn.command = "show-popover";
Пример с использованием событий
<button commandfor="the-image" command="--rotate-left">Rotate Left</button> <button commandfor="the-image" command="--rotate-right">Rotate Right</button> <img id="the-image" src="photo.jpg" alt="[add appropriate alt text here]" />
const image = document.getElementById("the-image");
image.addEventListener("command", (event) => {
if (event.command == "--rotate-left") {
event.target.style.rotate = "-90deg";
} else if (event.command == "--rotate-right") {
event.target.style.rotate = "90deg";
}
});
Спецификации
Данные спецификаций для api.HTMLButtonElement.command не найдены.
Проверьте наличие проблем на этой странице или внесите недостающую spec_url в mdn/browser-compat-data. Также убедитесь, что спецификация включена в w3c/browser-specs.
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
command |
предварительный просмотр | Нет | предварительный просмотр | Нет | предварительный просмотр | Нет | Нет | Нет | Нет | Нет | Нет |
См. также
© 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/HTMLButtonElement/command