个人中心
gpt4 book ai didi

node.js - 如何在 Electron 中发送(模拟)键绑定(bind)到 webContents？

转载 作者：搜寻专家 更新时间：2023-10-31 23:23:26 26 4
gpt4 key购买 nike

我正在构建为网站制作桌面界面的 Electron 应用程序。在网站上，我已经注册了键绑定(bind)，例如 Shift+?，它显示了所有可用键绑定(bind)的表格。

我必须创建一个应用程序菜单，其中包含与键绑定(bind)相对应的操作。从技术上讲，当用户单击菜单项时，它应该触发网页上的键绑定(bind)。示例:

When user press Help on the menu → Shift+? keybinding is being triggered → webpage detects keypress → webpage shows the table of all registered keybindings appears.

问题是我无法将 Shift+? 键绑定(bind)发送到 webContents。这些尝试都失败了:

webContents.sendInputEvent({type:'char', keyCode: 'Shift+?' });
webContents.sendInputEvent({type:'keydown', keyCode: 'Shift+?' });
webContents.sendInputEvent({type:'keyup', keyCode: 'Shift+?'});

如何强制网页根据特定的键绑定(bind)执行操作(也就是向网页发送键绑定(bind))？

UPD:我发现了一些细节。事件的顺序应该是keyDown、char、keyUp。我做了一个发送键绑定(bind)的方便函数:

function sendKeybinding(win, keyCode) {
  win.webContents.sendInputEvent({ type: 'keyDown', keyCode });
  win.webContents.sendInputEvent({ type: 'char', keyCode });
  win.webContents.sendInputEvent({ type: 'keyUp', keyCode });
}

使用它的 MenuItem 可能如下所示:

{
  label: 'Show Keymap',
  accelerator: ['Shift+/', '?'],
  click(menuItem, browserWindow) {
    sendKeybinding(browserWindow, '?');
  },
}

此外，在 Shift+? 的情况下有一个舱口:? 只能在按下 Shift 时输入，所以实际上，有是两个加速器 Shift+/ 和 ?。

但是，我还是不知道怎么输入CmdOrControl+B这样的快捷键。

最佳答案

除了您发现的事件顺序之外，您还可以使用 sendInputEvents 参数的 modifiers 属性来发送带有键输入的 shift/ctrl/alt 等修饰符。 参见 docs更多详情

通过以下代码，HTML 可以检测到您想要的快捷方式:

main.js

const {app, BrowserWindow, Menu} = require('electron')
const path = require('path')

function sendKeybinding (win, keyCode) {
  let modifiers = []
  modifiers.push('shift') // 'control', 'meta', etc.
  win.webContents.sendInputEvent({ type: 'keyDown', modifiers, keyCode })
  win.webContents.sendInputEvent({ type: 'char', modifiers, keyCode })
  win.webContents.sendInputEvent({ type: 'keyUp', modifiers, keyCode })
}

app.on('ready', function () {
  let win = new BrowserWindow()
  win.loadURL(path.resolve(__dirname, 'keybind.html'))
  const menuTemplate = [
    {
      label: 'Show Keymap',
      click (menuItem, browserWindow) {
        sendKeybinding(browserWindow, '?')
      }
    }
  ]
  const menu = Menu.buildFromTemplate(menuTemplate)
  Menu.setApplicationMenu(menu)
})

keybind.html

<html>
<body>
<p id="demo">Pressed Key: </p>
<script>
document.onkeypress = function (event) {
  var elem = document.getElementById("demo")
  elem.innerHTML = 'Pressed Key: ' + event.key
  if (event.shiftKey) elem.innerHTML += ' + Shift '
  if (event.ctrlKey) elem.innerHTML += ' + Ctrl '
  if (event.metaKey) elem.innerHTML += ' + Win/Cmd '
}
</script>
</body>
</html>

关于node.js - 如何在 Electron 中发送(模拟)键绑定(bind)到 webContents？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47378160/

26 4 0
文章推荐： javascript - 未在 Promise 的 .then() 部分内设置变量
文章推荐： php - mssql_connect 从 PHP 5.3 开始不再工作
文章推荐： node.js - Jest testMatch 找到测试，但 testPathIgnorePatterns 忽略它们
文章推荐： php - 如何保存裁剪后的图像
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com