需求: 想在客户端electron应用中实现划词功能(监听系统级别选中文本,出现快捷菜单)
难点:监听鼠标事件,选中文本的内容和位置。
思路:iohook用于获取系统级别的选中文本,但是该插件已经很久没有维护了,仅支持低版本的electron。我的项目使用的electron的版本是20+,经过多次尝试后发现了一个替代版插件:uiohook-napi。该插件可监听键盘事件、鼠标事件。
使用node-selectron插件可获取选中文本,但是权限有限,并非能获取所有应用的内容,浏览器可以获取,待发掘更合适的插件。
javascript
const { uIOhook } = require('uiohook-napi') // 监听鼠标
const { getSelection } = require('node-selection') // 获取鼠标选中文本内容
uIOhook.on('mouseup', async e => {
try {
console.log('mouseup-e', e) // e.x,.e.y,e.button
const { text, process } = await getSelection()
} catch (error) {
console.error('getSelectrion-error', error)
}
}