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 step 屬性HTML
- HTML class 屬性HTML
- HTML lang 屬性HTML
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML colspan 屬性HTML
- HTML rowspan 屬性HTML
- HTML translate 屬性HTML
- HTML title 屬性HTML
- HTML style 屬性HTML
- HTML spellcheck 屬性HTML
- html face屬性HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML cellspacing 屬性HTML
- html元素,屬性修改HTML
- HTML 屬性順序HTML
- HTML hidden屬性HTML
- HTML dropzone 屬性HTML
- HTML draggable 屬性HTML
- HTML contenteditable 屬性HTML
- HTML 省略type屬性HTML
- HTML accesskey 屬性HTML
- HTML headers 屬性HTMLHeader
- HTML標籤屬性HTML
- html5全域性屬性HTML
- HTML cellpadding 屬性HTMLpadding
- HTML 布林屬性值HTML
- HTML CSS 三大屬性④HTMLCSS
- HTML5 required屬性HTMLUI
- HTML屬性是什麼?HTML
- html學習(常用屬性)HTML
- HTML 屬性你都懂了嗎HTML
- HTML5 novalidate 屬性HTML
- [HTML/CSS]colum-gap屬性HTMLCSS
- HTML表格標記及屬性HTML
- html中Position屬性值介紹和position屬性四種用法HTML