HTMLElement: событие command

Экспериментально: Это экспериментальная технология
Перед использованием в продукте внимательно ознакомьтесь со таблицей совместимости браузеров.

Событие command интерфейса HTMLElement срабатывает на элементе, управляемом с помощью button с допустимыми значениями commandForElement и command, всякий раз, когда происходит взаимодействие с кнопкой (например, клик).

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика событий.

addEventListener("command", (event) => {});

oncommand = (event) => {};

Тип события

Событие CommandEvent. Наследуется от Event.

Примеры

Базовый пример

const popover = document.getElementById("mypopover");

// ...

popover.addEventListener("command", (event) => {
  if (event.action === "show-popover") {
    console.log("Popover is about to be shown");
  }
});

Обработка и отмена события

Следует отметить, что события command срабатывают на элементе, к которому обращаются. Если нажать на кнопку, она сначала вызовет событие click, которое, если будет отменено, то событие command не сработает, и поведение по умолчанию не выполнится. Кроме отмены события click на кнопке, также возможно отменить событие command.

Например:

button.addEventListener("click", (event) => {
  event.preventDefault(); // the `command` event will never fire
});

element.addEventListener("command", (event) => {
  event.preventDefault(); // the `command` event fires but the default behavior is cancelled
});

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

Спецификация не найдена

Данные спецификации для api.HTMLElement.command_event не найдены.
Проверьте наличие проблем на этой странице или внесите недостающую 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_event`	предварительный просмотр	Нет	предварительный просмотр	Нет	предварительный просмотр	Нет	Нет	Нет	Нет	Нет	Нет

См. также

© 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/command_event