html5規定元素的上下文選單屬性contextmenu
- 黄舟原創
- 2017-11-03 10:11:022520瀏覽
實例
規定 dc6dce4a544fdca2df29d5ac0ea9906b 元素的上下文選單。上下文選單會在使用者右鍵點選元素時出現：
<div contextmenu="mymenu"> <menu type="context" id="mymenu"> <menuitem label="Refresh"></menuitem> <menuitem label="Twitter"></menuitem> </menu> </div>
瀏覽器支援
Firefox
目前只有 Firefox 支援 contextmenu 屬性。
定義和用法
contextmenu 屬性規定元素的上下文選單。當使用者右鍵點擊元素時，會出現上下文選單。
contextmenu 屬性的值是要開啟的 5c0e96d12fc7501cef2ae2efde646ee0 元素的 id。
HTML 4.01 與 HTML5 之間的差異
contextmenu 屬性是 HTML5 中的新屬性。
語法
<element contextmenu="menu_id">
屬性值
| #值 | 描述 |
| menu_id | 要開啟的5c0e96d12fc7501cef2ae2efde646ee0 元素的id。 |
contexmenu屬性用來定義dc6dce4a544fdca2df29d5ac0ea9906b元素的上下文選單，所謂上下文選單就是用書右鍵點擊元素時出現。
範例程式碼：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
<div contextmenu="mymenu">上下文菜单
<menu type="context" id="mymenu">
<menuitem label="微信分享"></menuitem>
<menuitem label="微博分享"></menuitem>
</menu>
</div>
</body>
</html>注意：只有火狐瀏覽器等支持，QQ、IE陣亡、Google。 。 。
以上是html5規定元素的上下文選單屬性contextmenu的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn