Spec-Zone.ru › Web APIs

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 предварительный просмотр Нет предварительный просмотр Нет предварительный просмотр Нет Нет Нет Нет Нет Нет

См. также

  • API команд вызывающего
  • HTMLButtonElement.commandForElement
  • CommandEvent

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API