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

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

安装依赖

npm i robotjs

Vue 代码

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


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 = true
      startBrushNum()
      break
    case 'end':
      wordNumStatus = false
      break
  }
}

总结

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

你可能感兴趣的:(前端,Vue.js,vue.js,electron)