Electron + Vue 实现输入法自动刷字数

思路：循环使用 robotjs 库模拟键盘点击，从而实现输入法刷自动刷字数的功能。

安装依赖

npm i robotjs

Vue 代码

在 Vue 中编写一个文本域用来聚焦输入法焦点。
思路：当我们按下 S 键时，给 Electron 发送消息告诉 Electron 开始刷字数; 当我们按下 E 键时，告诉 Electron 停止自动刷。

<template><textarea @keyup.stop="onKeyup"></textarea>
</template>
<script setup>
// 键盘输入
const onKeyup = e => {switch (e.code) {case 'KeyS':// 给 Electron 发送消息，开始刷字数// ipcRenderer.invoke('wordNum', { type: 'start'})breakcase 'KeyE':// 给 Electron 发送消息，结束刷字数// ipcRenderer.invoke('wordNum', { type: 'end' })breakdefault:break}
}
</script>

Electron 代码

import robot from 'robotjs'let wordNumStatus = true
// 开始刷数量
const startBrushNum = () => {setTimeout(() => {robot.keyTap('a') // a: 表示键盘 A 键wordNumStatus && startBrushNum()}, 1000)
}
// 键盘输入字数
const wordNumAction = ({ type }) => {switch (type) {case 'start':wordNumStatus = truestartBrushNum()breakcase 'end':wordNumStatus = falsebreak}
}

总结

通过以上思路可以确定关键点在于 robotjs 库触发键盘模拟点击。
所以更加简单的方法就是使用 NodeJs, 在 NodeJs 中引入 robotjs 库模拟点击，一样可以实现刷字数。
不过需要引入 keypress 来监听键盘输入（其中一种库，还有其它库可以监听）。
Electron + Vue 如果有代码细节不清楚，参考 Electron + Vue 实现源码

Electron + Vue 实现输入法自动刷字数相关推荐

Vue+Electron学习系列 (三) -- 自动更新
Vue+Electron学习系列 1️⃣Vue+Electron学习系列 (一) -- 初识 2️⃣ Vue+Electron学习系列 (二) -- 打包发布 3️⃣ Vu ...
手把手教Electron+vue的使用
.现如今前端框架数不胜数,尤其是angular.vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架的结合使用.接下来是介绍electron+vue的结合使用. 2.Elect ...
【PPic】基于Electron+Vue+iView的图床应用设计
其实这个应用并不是那么的特别需求,一来本人写blog越来越少,二来开发工作也是越做越少,再者目前的编辑器几乎都支持直接剪切板上传图片,使图床应用的场景越来越少.不过本人本着不想丢弃技术的内心想法,以及 ...
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(十四)自动刷题
前文 JavaScript--易班优课YOOC课群在线测试自动答题解决方案(一)答案获取 Spring Boot--易班优课YOOC课群在线测试自动答题解决方案(二)答案储存 Spring Boot- ...
VBS带你领略脚本语言的快乐！（实战篇—刷字数）
用VBS脚本刷爆搜狗输入法前言偶然一次打开了搜狗输入法的个人主页,看到这135万字,不禁想起当年高中时为了跟同学装逼,上课挂脚本刷字数的"光荣战绩",很快啊,我就在古老的硬 ...
解放双手，自动刷抖音
起因因为项目需要,最近在学习appium自动化,学习中很枯燥无味,想做点能激起兴趣的事情,正好平时喜欢刷抖音,想一想能不能解放双手自动刷抖音呢,有想法咱们就行动起来,搞.搞.搞 (ps:代码很简单, ...
Electron + Vue开发一款音乐播放器
一.桌面版音乐播放器劳动节放假了,给大家分享一个轻松的开源项目,一个基于 Electron + Vue 开发的音乐软件.项目的一大特色就是多平台搜索歌曲,并支持下载功能(有些平台的vip歌曲也可以哦 ...
BZOJ4590 [Shoi2015]自动刷题机
Description 一个自动刷题机,每次有两种操作:写下\(x\)行代码或删除\(x\)行代码(不足则全部删除).存在一个\(n\),每当代码量大于等于\(n\)时将提交一次并把代码全部删除.已知 ...
[SHOI2015]自动刷题机
[SHOI2015]自动刷题机题目描述曾经发明了信号增幅仪的发明家 SHTSC 又公开了他的新发明:自动刷题机--一种可以自动 AC 题目的神秘装置. 自动刷题机刷题的方式非常简单:首先会瞬间得出 ...

Electron + Vue 实现输入法自动刷字数

安装依赖

Vue 代码

Electron 代码

总结

Electron + Vue 实现输入法自动刷字数相关推荐

最新文章

热门文章