nw.js---创建一个点击菜单

最新推荐文章于 2022-08-18 21:36:15 发布

weixin_34001430

最新推荐文章于 2022-08-18 21:36:15 发布

阅读量331

点赞数

原文链接：http://www.cnblogs.com/e0yu/p/10722492.html

版权

使用nw.js创建一个可点击的菜单：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上下文菜单</title>
</head>
<body>
<p>右击显示上下文菜单</p>
<script>
// 创建一个空菜单
var menu = new nw.Menu();
// 添加菜单项
menu.append(new nw.MenuItem({
  label: '项 A',
  click: function(){
    alert('You have clicked at "项 A"');
  }
}));
menu.append(new nw.MenuItem({ label: '项 B' }));
menu.append(new nw.MenuItem({ type: 'separator' }));
menu.append(new nw.MenuItem({ label: '项 C' }));

// 监听事件
document.body.addEventListener('contextmenu', function(ev) {
  // 阻止显示默认菜单
  ev.preventDefault();
  // 点击处弹出定义的菜单对象
  menu.popup(ev.x, ev.y);

  return false;
}, false);

</script>  
</body>
</html>

效果：

转载于:https://www.cnblogs.com/e0yu/p/10722492.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34001430

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nw.js---创建一个点击菜单

使用nw.js创建一个可点击的菜单：<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>上下文菜单</title></head><body><p>右击显示上下文菜单</p...
复制链接

扫一扫