欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-03 19:49:03
一、contextmenu右键菜单书写格式1. 使用 html5 的标签模块 menu、每一项的内容要用 menuitem2. menu 标签 type=“context”3. menuitem 项 label=“项目内容”4. div contextmenu=" " 和 menu type=“context” id=" " 中的 属性值 要相同,否则无法起效果。二、支持浏览器目前只支持火狐。三、项目代码index.html:

一、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