使用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

nw.js---创建一个点击菜单相关推荐

  1. 使用NW.js封装微信公众号菜单编辑器为桌面应用

    开发微信公众号的朋友都会遇到一个常见的需求就是修改自定义菜单,如果每个人都去开发这个不经常使用的功能确实有点浪费时间.前段时间在github上找到一个仿企业号的菜单编辑界面,结合微信的C# SDK开发 ...

  2. nw.js 调用驱动程序_使用NW.js创建照片发现应用程序(第2部分)

    nw.js 调用驱动程序 NW.js (formerly known as Node Webkit) is a framework for creating cross-platform deskto ...

  3. 用node-webkit(NW.js)创建桌面程序

    以往写windows桌面程序需要用MFC.C#之类的技术,那么如果你只会web开发技术呢?或者说你有一个网站,但是你想把你的网站打包成一个桌面应用程序,该如何做呢? 答案就是用node-webkit这 ...

  4. swift 自定义滑动视图_在Swift中创建一个向上滑动菜单视图(以编程方式)

    swift 自定义滑动视图 This is a quick tutorial on how to create a slide-up menu view in iOS 这是有关如何在iOS中创建向上滑 ...

  5. Vue中用Three.js创建一个3D会议室(三)拖动与旋转

    第三章 文章目录 拖动 DragControls 旋转 获取鼠标选中的3D模型 添加旋转按钮以及旋转方法 小贴士 虽然现在基本的模型都创建出来了,但是我们3D会议室的主要目的是可以自己摆放会议室中的物 ...

  6. 使用 SVG 和 JS 创建一个由星形变心形的动画

    序言:首先,这是一篇学习 SVG 及 JS 动画不可多得的优秀文章.我非常喜欢 Ana Tudor 写的教程.在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO,可以说教程的所有细枝末节 ...

  7. wordpress插件开发从创建一个新的菜单开始

    创建插件的目的 1.我们为什么要创建一个插件? IT界有一个知名的论调叫做不要造重复的轮子,如果有可能的话,你应该尽可能的从现有的网络资源上选择一个已有的插件来使用,而不是重新创造一个.它耗费的精力很 ...

  8. 使用noode.js创建一个服务器

    一.简单的静态服务器 1.代码解析 var http = require('http') // http是nodejs里面的一个模块,这个对象能够提供实现底层的方法.我们通过require去加载这个模 ...

  9. 用Backbone.js创建一个联系人管理系统(一)

    原文 Build a Contacts Manager Using Backbone.js: Part 1 在这个教程里我们将会使用Backbone.js,Underscore.js,JQuery创建 ...

  10. 倒计时css和js html代码,手把手教你利用CSS和JS创建一个倒数计时器

    倒计时功能,在很多地方都会用到,我们平时都习惯去用一些插件来应用,会减少不少的工作量,并且效果也能达到预期. 我今天并不是想分享什么倒计时插件,而是自己写一个简单的倒数计时器,有兴趣的同学可以往下看看 ...

最新文章

  1. 一千个不用 Null 的理由
  2. “编码 5 分钟,命名 2 小时”,这道题究竟怎么解? | 问题征集
  3. LinuxMint 14 更新源(能成功的!)
  4. UDP_CORK,TCP_CORK以及TCP_NODELAY
  5. java中子类对父类中的私有变量和私有方法有拥有权无使用权
  6. python 读取excel表数据获取坐标_python读取并定位excel数据坐标系详解
  7. python生成静态库_使用boost.python静态库
  8. 腾讯优图刷新人体姿态估计国际权威榜单,相关论文被ECCV2020收录
  9. java的outputstream_Java OutputStream类
  10. javascript 一次开发,多平台运行
  11. abp后台任务BackGroundWorker
  12. gbase数据库锁表解决办法
  13. 半正定矩阵和正定矩阵的一些理解和补充
  14. PC验证CSR8811蓝牙芯片
  15. 详谈软件工程之软件开发方法(一)
  16. 快手投放广告,快手广告优势有哪些呢?
  17. My Eighty-first Page - 打家劫舍 - By Nicolas
  18. vim超实用指南收藏这一篇就够了
  19. 为什么Elasticsearch查询变得这么慢了?
  20. DDOS攻击防护HTTP篇

热门文章

  1. 【裂缝识别】基于matlab组合BCOSFIRE过滤器墙体裂缝识别【含Matlab源码 321期】
  2. 【疾病分类】基于matlab GUI模糊逻辑分类叶病严重程度分级系统【含Matlab源码 194期】
  3. 如何将几个变量相加减乘除(图文+数据集)【SPSS 075期】
  4. 标记偏见_人工智能的偏见
  5. android设置view透明度渐变,android中 怎么实现一张图片从左到右透明度改变渐变消失的动画效果 Android 动态渐变 泽.. - 贪吃蛇学院-专业IT技术平台...
  6. 【转载】python中strip(),lstrip(),rstrip()函数的区别
  7. activiti工作流 php,码云社 | 砺锋科技-SpringBoot整合Activiti工作流(附源码) - 用代码改变世界...
  8. python fft函数_python scipy fft.fft用法及代码示例
  9. 蒙特卡洛方法到底有什么用(两个案例说明)
  10. python进阶12 Redis