HTML contextmenu属性

由网友 大卫 发布 阅读 6

HTML contextmenu属性

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

HTML 全局属性

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

在线示例

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

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML contextmenu 属性的使用(大卫编程网 div.cn)</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 data HTML contenteditable属性