HTML contextmenu 屬性
此屬性規定元素的上下文選單。當使用者右鍵點選元素時,會出現上下文選單(HTML5新增)。
語法結構:
[HTML] 純文字檢視 複製程式碼<element contextmenu="menu_id">
引數解析:
menu_id:要開啟的<menu>元素的id。
瀏覽器支援:
(1).IE瀏覽器不支援此屬性。
(2).谷歌瀏覽器不支援此屬性。
(3).火狐瀏覽器支援此屬性。
(4).opera瀏覽器不支援此屬性。
(5).safria瀏覽器不支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <section contextmenu="ant"> 螞蟻部落 </section> <menu type="context" id="ant"> <menuitem label="重新載入本文"></menuitem> <menuitem label="跳躍至評論區"></menuitem> <menu label="分享本文至..."> <menuitem label="新浪微博"></menuitem> <menuitem label="QQ空間"></menuitem> </menu> </menu> </body> </html>
右鍵點選<section>元素會彈出自定義選單,截圖如下:
相關文章
- HTML 屬性HTML
- HTML————4、HTML屬性HTML
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML accesskey 屬性HTML
- HTML class 屬性HTML
- HTML headers 屬性HTMLHeader
- HTML colspan 屬性HTML
- HTML rowspan 屬性HTML
- HTML step 屬性HTML
- HTML lang 屬性HTML
- HTML hidden屬性HTML
- HTML dropzone 屬性HTML
- HTML draggable 屬性HTML
- HTML contenteditable 屬性HTML
- HTML cellspacing 屬性HTML
- HTML cellpadding 屬性HTMLpadding
- html face屬性HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML 屬性順序HTML
- HTML 省略type屬性HTML
- html元素,屬性修改HTML
- HTML標籤屬性HTML
- HTML5 novalidate 屬性HTML
- HTML 布林屬性值HTML
- HTML CSS 三大屬性④HTMLCSS
- [HTML/CSS]colum-gap屬性HTMLCSS
- HTML 屬性你都懂了嗎HTML
- 安信567+641480+HTML 全域性屬性HTML
- HTML5 Audio & Video 屬性解析HTMLIDE
- HTML id屬性值不能重複HTML
- HTML 標籤與屬性大小寫HTML
- HTML 常用的標籤和屬性HTML
- html中Position屬性值介紹和position屬性四種用法HTML
- html5/css3新增屬性HTMLCSSS3
- jquery 操作HTML data全域性屬性快取的坑jQueryHTML快取
- HTML DOM之document物件的屬性和方法HTML物件
- WPF DataGrid ContextMenu CommandParameter Relative x:Type ContextMenu ,Path=PlacementTargetContext