【零基础网页开发】 第十七课 contextmenu右键菜单
程序员文章站
2022-03-11 10:12:34
一、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