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