HTML 参考手册

HTML 标签大全

HTML: <template> 标签

HTML contextmenu属性

contextmenu全局属性是指用于某个元素的“上下文菜单”的 <menu>的ID属性。上下文菜单是指在用户交互（例如右键点击）时出现的菜单。 HTML5允许我们自定义此菜单。这里有一些实现示例，包括嵌套菜单。

HTML 全局属性

contextmenu 属性已经过时，将从所有浏览器中删除。

在线示例

为<div>元素指定上下文菜单。当用户右键单击元素时，将显示上下文菜单：

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML contextmenu 属性的使用(基础教程网 nhooo.com)</title>
</head>
<body contextmenu="share">
<menu type="context" id="share">
    <menu label="share">
     <menuitem label="Twitter">Twitter</menuitem>
     <menuitem label="Facebook">Facebook</menuitem>
   </menu>
 </menu>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

目前只有 Firefox 浏览器支持 contextmenu 属性。

定义和用法

contextmenu属性指定元素的上下文菜单。当用户右键单击元素时，将显示上下文菜单。
contextmenu属性的值是要打开的<menu>元素的ID。

HTML 4.01 与 HTML5之间的差异

contextmenu 属性是 HTML5 中的新属性。

语法

<element contextmenu="menu_id">

属性值

值	描述
menu_id	要打开的 <menu> 元素的 id。

HTML 全局属性

HTML: <template> 标签