Атрибут contextmenu

Устанавливает контекстное меню для элемента.

Синтаксис

contextmenu="<идентификатор>"

Значения

В качестве значения указывается идентификатор меню, созданное с помощью элемента <menu>.

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>contextmenu</title> <style> .rotateleft { transform: rotate(-90deg); } .rotateright { transform: rotate(90deg); } </style> <script> function rotateLeft() { document.querySelector("img").classList.toggle("rotateleft"); } function rotateRight() { document.querySelector("img").classList.toggle("rotateright"); } </script> </head> <body> <img src="image/figure.jpg" alt="" contextmenu="edit"> <menu type="context" id="edit"> <menuitem icon="image/object-rotate-right.png" onclick="rotateRight()">Повернуть на 90º ПЧС</menuitem> <menuitem icon="image/object-rotate-left.png" onclick="rotateLeft()">Повернуть на 90º ПрЧС</menuitem> </menu> </body> </html>

Примечание

Firefox для создания меню поддерживает элемент <menuitem>.

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

Спецификация Статус
HTML Living Standard Живой стандарт

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.