electron中引入iohook来监听系统级鼠标键盘事件

最新做法：（2022-07-14记录）

npm install iohook@latest--save

安装好之后

直接使用会报错，这时候发现是缺少一些关于electron的编译，从以下地址选择对应系统的编译包手动放进去即可

Releases · wilix-team/iohook · GitHub

iohook官网：Usage | iohook

https://nodejs.ctolib.com/article/releases/98298

本人项目的版本号：electron5.0.0 node 12.16.1

一、准备工作

使用node-abi来获取electron和node对应的abi版本

npm install node-abi --save-dev

console.log(nodeAbi.getAbi('12.16.1','node'))// 68console.log(nodeAbi.getAbi('5.0.0','electron'))// 70console.log(nodeAbi.getTarget('68','node'))// 12.0.0console.log(nodeAbi.getTarget('70','electron'))//5.0.0

在使用中发现68的版本并不可以，因此使用了72

二、electron中安装iohook

npm install iohook@0.6.5 --save-dev

在package.json中配置一些内容

"iohook": {"targets": ["node-72","electron-70"],"platforms": ["win32","darwin","linux"],"arches": ["x64","ia32"]}

重新编译的写法：

"rebuildnew": "npm rebuild --runtime=electron --target=5.0.0 --disturl=https://atom.io/download/atom-shell --abi=70"

三、iohook的使用

const ioHook = require('iohook');ioHook.start(false);const eventHandler =function(type){switch (type) {case 'mouseclick':console.log('mouse is click!')break;case 'mousedown':console.log('mouse is press!')break;case 'mouseup':console.log('mouse is release!')break;case 'mousedrag':console.log('mouse is moving!')break;case 'mousedrag':console.log('mouse is moving!')break;case 'mousewheel':console.log('keybord is rolling!')break;case 'keydown':console.log('keybord is press!')break;default:console.log('move mouse or keyboard try it!')break;}}ioHook.start(false);ioHook.on('mouseclick', ()=>{eventHandler('mouseclick')});ioHook.on('mousedown', ()=>{eventHandler('mousedown')});ioHook.on('mouseup', ()=>{eventHandler('mouseup')});ioHook.on('mousedrag', ()=>{eventHandler('mousedrag')});ioHook.on('mousewheel', ()=>{eventHandler('mousewheel')});ioHook.on('mouse', ()=>{eventHandler('mousedrag')});ioHook.on('keyup', ()=>{eventHandler('keyup')});ioHook.on('keydown', ()=>{eventHandler('keydown')});app.on('before-quit', () => {// 卸载iohook监听ioHook.unload();ioHook.stop();
});

electron中引入iohook来监听系统级鼠标键盘事件相关推荐

vuejs监听苹果iphone手机键盘事件
在iphone手机中,vue提供的keyup事件是不能监听iphone键盘的,但是h5提供的input事件可以做到. 只需要向下面这样处理,就可以解决iphone不响应键盘事件的bug <tem ...
esc键退出全屏 vue_解决了VUE在浏览器全屏下监听不到Esc键盘事件
说明: 实测可以在谷歌.火狐.360 浏览器使用解决了在浏览器全屏下监听不到键盘Esc事件解决了取消全屏和全屏的同步问题,ESC按键下可以同步以下是完整的代码, // data() { retu ...
解决VUE在浏览器全屏下监听不到Esc键盘事件
实测可以在谷歌.火狐.360 浏览器使用解决了在浏览器全屏下监听不到键盘Esc事件解决了取消全屏和全屏的同步问题,ESC按键下可以同步以下是完整的代码, // data() {return {i ...
JS监听页面----无鼠标键盘动作，自动跳页
监听页面鼠标键盘动作,若用户5秒没有任何操作,页面自动跳转 function ScreenSaver(settings){ this.settings = settings; this.nTimeou ...
Android 监听 Android中监听系统网络连接打开或者关闭的实现代码
本篇文章对Android中监听系统网络连接打开或者关闭的实现用实例进行了介绍.需要的朋友参考下很简单,所以直接看代码复制代码代码如下: package xxx; import android.c ...
Android平台监听系统截屏方案预研及相关知识点
最近有个针对系统截屏的需求,所以预研了Android平台上捕获系统截屏的方案. 最直接的方式就是监听手机的系统截屏组合键(电源键+音量下键),但是这种方式实现难度大,且有的机型使用特殊手势进行截屏,兼 ...
android ContentObserver监听系统短信和备份短信到本地
contentProvider中的一个工具,记录一下. 监听短信: package com.example.messagedemo;import android.net.Uri; import and ...
vue 监听map数组变化_vuex state中的数组变化监听实例
前言首先,因为我有一个需求就是vue组件中有一组多选框,选中多选框的内容,要在另一个组件中进行视图更新,这个就设计的兄弟组件之间的通信了,兄弟组件之前通信我首先选用的vuex这个解决办法. 问题 v ...
Android - 接收、监听系统短信广播
广播接收者(BroadcastReceiver)是安卓的四大组件之一.类似于日常生活中的广播,安卓系统中的广播也有发送者和接收者.发送者通常是系统的应用程序,比如电池电量低.开关机.有电话或短信 ...

electron中引入iohook来监听系统级鼠标键盘事件

electron中引入iohook来监听系统级鼠标键盘事件相关推荐

最新文章

热门文章