当前位置：首页 > news >正文

公安网站备案时间/白酒营销策划方案

news 2025/6/30 6:11:30

公安网站备案时间,白酒营销策划方案,企业网站建设方案,seo品牌推广方法码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。上个博客讲解了如何设置顶部菜单，我们也作了一个菜单的小案例，但是没有讲解如何绑定快捷键。这节我们会进行讲解&am…

码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。

在这里插入图片描述

上个博客讲解了如何设置顶部菜单，我们也作了一个菜单的小案例，但是没有讲解如何绑定快捷键。这节我们会进行讲解，并且讲述一下如何实现右键功能。

菜单快捷键绑定

绑定快捷键的属性是accelerator属性，比如我们新打开一个窗口，我们就的代码可以写成这样。

accelerator: `ctrl+n`

全部代码如下：

const {Menu, BrowserWindow} = require('electron');var template = [{label:'菜单A',submenu:[{label:'A子菜单1',accelerator:'ctrl + n',click:() => {var win = new BrowserWindow({width:500,height:500,webPreferences:{nodeIntegration:true}})win.loadFile('remotePage.html')win.on('closed',() => {win = null;})}},{label:'A子菜单2'}]},{label:'菜单B',submenu:[{label:'B子菜单1'},{label:'B子菜单2'}]}
];var m = Menu.buildFromTemplate(template);Menu.setApplicationMenu(m);

写完代码后，在终端中输入electron . 运行程序，再用快捷键ctrl+n就可以新建一个页面了。这就实现了新建页面的方法。

在这里插入图片描述

创建右键菜单

右键菜单的响应事件是写在渲染进程中的，也就是写在index.html中的，所以要是使用，就用到到remote模块进行操作了。

先来看看右键的相应事件，我们打开render文件夹，然后打开index2.js文件，编写一个右键菜单的监听事件，代码如下：

window.addEventListener('contextmenu',function(){alert(111);
})

当我们要使用Menu模块,它是主线中的模块，如果想在渲染线程中使用，就必须使用remote。代码如下：

const {remote} = require('electron');var rightTemplate = [{label:'复制',accelerator:'ctrl + c'},{label:'粘贴',accelerator:'ctrl + v'}
]var m = remote.Menu.buildFromTemplate(rightTemplate);window.addEventListener('contextmenu',function(e){// 阻止当前窗口默认事件e.preventDefault();// 把菜单模板添加到右键菜单m.popup({window:remote.getCurrentWebContents()})
})