HTML全局屬性上下文菜單
HTML全局屬性上下文菜單
安裝contextmenu
屬性元素的上下文菜單。
當(dāng)用戶右鍵單擊元素時(shí),將顯示上下文菜單。
contextmenu
屬性的值為< menu>的id。 元素打開。
HTML全局屬性上下文菜單...
contextmenu
屬性是HTML5中的新特性。
句法
<element contextmenu="menu_id">
屬性值
- menu_id
- The id of the <menu> element
瀏覽器兼容性
contextmenu | No | No | Yes | No | No |
例子
<!DOCTYPE html>
<html>
<head>
<style>
div {background: yellow;border: 1px solid #cccccc;padding: 10px;
}
</style>
</head>
<body>
<div contextmenu="mymenu">
<p>Right-click inside this box to see the context menu!</p>
<menu type="context" id="mymenu">
<menuitem label="Refresh from custom menu" onclick="" icon=""></menuitem>
</menu>
</div>
</body>
</html>
Click to view the demo