Rumah >hujung hadapan web >Tutorial H5 >html5规定元素的上下文菜单属性contextmenu
html5规定元素的上下文菜单属性contextmenu
- 黄舟asal
- 2017-11-03 10:11:022631semak imbas
实例
规定 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阵亡、谷歌。。。
Atas ialah kandungan terperinci html5规定元素的上下文菜单属性contextmenu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中新特性之语义化标签的实例分析Artikel seterusnya：html5存储页面或应用程序的私有自定义数据的data-* 属性