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

最新推荐文章于 2023-02-27 11:17:24 发布

ALeSoleil

最新推荐文章于 2023-02-27 11:17:24 发布

阅读量241

点赞数

分类专栏：笔记文章标签： 1024程序员节 html

本文链接：https://blog.csdn.net/weixin_45582129/article/details/109253002

版权

笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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

ALeSoleil

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【零基础网页开发】第十七课 contextmenu右键菜单

一、contextmenu右键菜单书写格式1. 使用 html5 的标签模块 menu、每一项的内容要用 menuitem2. menu 标签 type=“context”3. menuitem 项 label=“项目内容”4. div contextmenu=" " 和 menu type=“context” id=" " 中的属性值要相同，否则无法起效果。二、支持浏览器目前只支持火狐。三、项目代码index.html:<!DOCTYPE html><html&g
复制链接

扫一扫