/html/global-attributes/contextmenu:> Контекстное меню элемента_

Глобальный атрибут contextmenu

Синтаксис

HTML
<[элемент] contextmenu="[id]"> ... </[элемент]>
...
<menu type="popup" id="[id]">
  <menuitem label="Название команды" onclick="...">
  ...
</menu>

Описание

Глобальный атрибут / параметр contextmenu (от англ. "context menu" ‒ «контекстное меню») указывает контекстное меню элемента.

Пример контекстного меню
Дополнительные пункты контекстного меню изображения

Примечание

До официального объявления консорциумом W3 возможности создания пунктов собственного контекстного меню, данная возможность была реализована для браузеров Firefox. (Официальная разметка контекстного меню и разметка меню, используемая для Firefox, отличается некоторыми особенностями.)


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.[1]
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

[1] ‒ разметка меню отличается от разметки, представленной в спецификации.


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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 ---
5.0 ---
5.1 4.11.5. Context menus Перевод
XHTML
1.0 ---
1.1 ---

Значения

В качестве значения данного атрибута указывается идентификатор элемента menu.

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр contextmenu</title>
<script type="text/javascript" src="imgResize.js"></script>
</head>
<body>
<h1>Контекстное меню изображения</h1>
<img src="/images/examples/dark_clouds.jpg" id="eximg" style="width: 320px; height: 256px" alt="Тёмные облака" contextmenu="fotomenu">
<menu type="popup" id="fotomenu">
<menuitem label="Увеличить фото (x2)" onclick="imgResize(1)">
<menuitem label="Уменьшить фото (/2)" onclick="imgResize(0)">
</menu>
</body>
</html>
Глобальный параметр contextmenu