contextmenu全局屬性是指用于某個元素的“上下文菜單”的 <menu>的ID屬性。 上下文菜單是指在用戶交互(例如右鍵點擊)時出現(xiàn)的菜單。 HTML5允許我們自定義此菜單。 這里有一些實現(xiàn)示例,包括嵌套菜單。
contextmenu 屬性已經過時,將從所有瀏覽器中刪除。
為<div>元素指定上下文菜單。當用戶右鍵單擊元素時,將顯示上下文菜單:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML contextmenu 屬性的使用(菜鳥教程 cainiaoplus.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。
contextmenu 屬性是 HTML5 中的新屬性。
<element contextmenu="menu_id">
值 | 描述 |
---|---|
menu_id | 要打開的 <menu> 元素的 id。 |