有人可以解釋HTML5中的contextmenu屬性嗎？

Question

有人可以解釋contextmenu屬性的作用，以及它是否可以與所有HTML元素一起使用，並且有人能夠指向我的一些在線演示/示例？

Answer 1

的contextmenu屬性指的是<menu>元素時由用戶請求的上下文菜單（用鼠標右鍵或現代鍵盤的Menu/Hyper鍵例如，用戶代理應該呈現。

你可以找到一個例子here。

Answer 2

菜單出現時的接口元件上的用戶右鍵點擊。該contextmenu屬性是<menu>元件打開，當用戶具有這種屬性的元件上右點擊的ID上下文。

Answer 3

報價爲您輕鬆瞭解：

通過ContextMenu屬性允許您 在不佔用寶貴的 UI空間菜單顯示菜單。它是 一個菜單，它觸發事件，例如 mouseup或鍵盤提供了一個氣泡 菜單，其中提供了選項和基於這些選項的 操作。

來源：http://net.tutsplus.com/tutorials/html-css-techniques/html5-globals-and-you/

更多信息請參見官方鏈接：

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

Answer 4

<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

Answer 5

應在輸入字段上使用上下文菜單，以指定該字段的哪個菜單元素。這些菜單看起來有點像右鍵菜單或下拉框，但是它們並未在任何瀏覽器中實現，因此您應該避免使用它們。

這可能有助於明確的東西： http://dev.w3.org/html5/spec-author-view/interactive-elements.html

Answer 6

你可以看到它是如何可能看起來像在本演示： https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309

僅在寫這篇文章時火狐8支持它。