【零基础网页开发】 第十七课 contextmenu右键菜单

2022-07-29,,,,

一、contextmenu右键菜单书写格式

1. 使用 html5 的标签模块 menu、每一项的内容要用 menuitem
2. menu 标签 type=“context”
3. menuitem 项 label=“项目内容”
4. div contextmenu=" " 和 menu type=“context” id=" " 中的 属性值 要相同,否则无法起效果。

二、支持浏览器

目前只支持火狐

三、项目代码

index.html:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Contextmenu 1024</title>
	</head>
	<body>
		<div contextmenu="myMenu">
			MyMenu
			<menu type="context" id="myMenu">
				<menuitem label="item1"></menuitem>
				<menuitem label="item2"></menuitem>
				<menuitem label="item3"></menuitem>
			</menu>
		</div>
	</body>
</html>

本文地址:https://blog.csdn.net/weixin_45582129/article/details/109253002

《【零基础网页开发】 第十七课 contextmenu右键菜单.doc》

下载本文的Word格式文档,以方便收藏与打印。