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