使用 HTML5 menu DOM 向浏览器右键菜单添加菜单项演示代码
如何使用 HTML DOM 向 menu 元素中添加 "onshow" 事件。
使用 HTML5 menu DOM 向浏览器右键菜单添加菜单项演示代码
效果如下图所示：
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title>6
<style>7
div {8
background: yellow;9
border: 1px solid #cccccc;10
padding: 10px;11
}12
</style>13
</head>14
<body>15
16
<p>该实例演示了如何使用 HTML DOM 向 menu 元素中添加 "onshow" 事件。</p>17
<div contextmenu="mymenu">18
<p>用鼠标右键单击黄色框区域查看上下文菜单！</p>19
<menu type="context" id="mymenu">20
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>21
<menu label="Share on...">22
<menuitem label="Redis" icon="https://nowjava.com/web-res/ui/201911/7/kgitic1ol.png" onclick="window.open('https://nowjava.com/book/redis-course');"></menuitem>23
<menuitem label="MySQL" icon="https://nowjava.com/web-res/ui/201909/11/fiokgu4pq.png" onclick="window.open('https://nowjava.com/book/learn-mysql');"></menuitem>24
</menu>25
<menuitem label="NowJava.com" onclick="window.open('https://nowjava.com');"></menuitem>26
</menu>27
</div>28
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java