Electron窗口最小化时监听事件唤起窗口

文章一共分为四部分

  • 需求分析

  • 实现过程

一、需求分析

昨天领导突然在群里发了一条消息@我,提了一个这样的需求

领导的需求:需要在最小化时监听用户扫码枪扫码唤起窗口

我看到这个消息后第一反应脑袋空空,因为以前没有做过这个功能,就暂时没有回复,想稍微先研究一下再回复

稍微想了一下,觉得是有可能实现的,其实就是首先在主进程监听扫码枪事件,如果有扫码枪事件就执行窗口最大化的事件就行了。

核心就两件事:

  • 监听扫码枪事件

  • 窗口最大化

二、实现过程

1、监听扫码枪事件

扫码枪原理其实就是模拟键盘输入的事件,就相当于我们用键盘输入一串这个数字,最后按了一个回车。

监听键盘事件的话会先输出一个一个的数字,最后会输出一个enter,这里需要监听的就是键盘的数字键和Enter键。

我记得Electron是支持注册快捷键的,然后查询了Electron文档快捷键部分,可以通过 globalShortcut.register进行注册快捷键的监听。

只需要监听这两个键就可以了

有一个问题就是:不确定窗口最小化后是否还可以监听到

所以先注册监听试试,看能不能窗口隐藏时仍然可以监听到

javascript 复制代码
// 注册Enter 快捷键监听器
globalShortcut.register('Return', () => {
     console.log('Enter键被按下')
})

经过测试是可以监听到的,但是有一个很严重的问题: 当注册快捷键以后在其他应用按了没有反应,在电脑中其他任何地方按都没有反应,相当于是Electron拦截了注册的快捷键,只能在你当前的应用中生效。这样肯定是不行的,得想办法处理一下。

其实只需要在隐藏窗口时快捷键生效,窗口打开后再取消注册快捷键,这样就不会影响其他应用了。

javascript 复制代码
// 取消注册所有快捷键
function unregister() {
    globalShortcut.unregisterAll()
}
// 窗口最大化时触发(取消注册所有快捷键)
win.on('maximize', () => {
    unregister()
})
// 窗口最小化时触发(注册监听快捷键)
win.on('minimize', () => {
    // 注册Enter 快捷键监听器
    globalShortcut.register('Return', () => {
        console.log('Enter键被按下')
    })
})
�

但是这样也会有一个问题,就是要想不影响其他应用就必须打开Electron窗口,最小化后还是会影响其他应用。关于这个解决办法暂时还没有想到,如何大家有什么好的办法请评论区回复一下,谢谢。

就先这样回复领导吧

2.窗口最大化

最后一步就比较简单了,既然快捷键已经生效了,那就直接在监听到对应快捷键的时候将窗口最大化就行了

Electron窗口最大化的方法是

scss 复制代码
win.maximize()

完整代码

javascript 复制代码
// 取消注册所有快捷键
function unregister() {
    globalShortcut.unregisterAll()
}
// 窗口最大化时触发(取消注册所有快捷键)
win.on('maximize', () => {
    unregister()
})
// 窗口最小化时触发(注册监听快捷键)
win.on('minimize', () => {
    // 注册Enter 快捷键监听器
    globalShortcut.register('Return', () => {
        // 判断当前窗口是否最小化
        if(win.isMinimized()) {
            win.maximize()  // 窗口最大化
        }
    })
})
相关推荐
IT_陈寒27 分钟前
JavaScript的this坑人实录,这次我真的记下来了
前端·人工智能·后端
开开心心就好1 小时前
音频降噪剪辑工具,音量裁剪一键处理
运维·服务器·前端·spring·ocr·音视频·1024程序员节
螺丝钉tina3 小时前
[Playwright] [02]常用命令与调试:Debug UI、Mode和 Trace Viewer
开发语言·javascript·测试工具·ui·自动化
PedroQue993 小时前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
淡漠的蓝精灵3 小时前
web.py:一个简单到极致的 Python Web 框架
开发语言·前端·python·其他
开开心心就好4 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
起个名字费劲死了4 小时前
Halcon学习一:骰子识别
前端·python·学习
大江东去浪淘尽千古风流人物4 小时前
【HexVIO】DSP卸载双目惯性VIO:Hexagon向量化前端与单帧融合调度深度解析
前端·状态模式·slam·dsp·vio·hexagon·移动端加速
এ慕ོ冬℘゜4 小时前
JS 事件循环、宏任务微任务:单线程底层原理 + 执行顺序
开发语言·javascript·ecmascript
其实防守也摸鱼4 小时前
Chrome 扩展安全攻防实录:从攻击面到防御实践
开发语言·前端·网络·chrome·安全·web安全·php