有人能解释一下HTML5中的contextmenu属性是做什么的吗？

Question

有人可以解释contextmenu属性的作用，以及它是否可以与所有HTML元素一起使用，有人可以指向我一些在线演示/示例吗？

Answer 1

contextmenu属性是指用户请求上下文菜单时用户代理应呈现的<menu>元素（例如，使用鼠标右键或Menu / {{ 1}}现代键盘上的键。

您可以找到示例here。

Answer 2

您可以在此演示中看到它的外观： https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309

在撰写本文时，只有FireFox 8支持它。

Answer 3

当用户右键单击界面元素时，将显示上下文菜单。 contextmenu属性是用户右键单击具有此属性的元素时要打开的<menu>元素的ID。

Answer 4

引用以便您轻松理解：

  

contextmenu属性允许您   显示菜单而不占用   菜单的宝贵UI空间。它是   一个触发事件的菜单，例如   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

应在输入字段上使用contextmenu来指定字段的菜单元素。菜单看起来有点像右键菜单或下拉框，但它们尚未在任何浏览器中实现，因此您应该避免使用它们。

这可能有助于澄清事情： 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