Может кто-нибудь объяснить, что делает атрибут contextmenu в HTML5?

Question

Может ли кто-нибудь объяснить, что делает атрибут contextmenu и может ли он использоваться со всеми элементами HTML, и может ли кто-нибудь указать мне на некоторые онлайн-демонстрации / примеры?

Answer 1

Вы можете увидеть, как это может выглядеть в этой демонстрации: https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309

На момент написания этого поддерживает только FireFox 8.

Answer 2

Атрибут contextmenu относится к элементу <menu>, который пользовательский агент должен отображать при запросе пользователем контекстного меню (например, с помощью правой кнопки мыши или Menu / Hyper клавиша на современных клавиатурах.

Вы можете найти пример здесь .

Answer 3

Контекстное меню появляется, когда пользователь щелкает правой кнопкой мыши элемент интерфейса. Атрибут contextmenu - это идентификатор элемента <menu>, который открывается, когда пользователь щелкает правой кнопкой мыши элемент с этим атрибутом.

Answer 4

Цитируем, чтобы вы могли легко понять:

Атрибут contextmenu позволяет отображать меню, не занимая ценное пространство пользовательского интерфейса для меню.Это меню, которое запускает события, такие как mouseup или keyup, предоставляя всплывающее меню, которое предоставляет опции и действия на основе этих выборов.

Источник: http://net.tutsplus.com/tutorials/html-css-techniques/html5-globals-and-you/

Для получения дополнительной информации см. Официальную ссылку:

http://www.w3.org/TR/html5/interactive-elements.html

Answer 5

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

Это может помочь разобраться: http://dev.w3.org/html5/spec-author-view/interactive-elements.html

Answer 6

<form name="npc">
 <label>Character name: <input name="char" type="text" contextmenu="namemenu" required></label>
 <menu type="context" id="namemenu">
  <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
  <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
 </menu>
</form>

http://www.w3.org/TR/html5/interactive-elements.html#context-menus