electron-vue中调用系统屏幕键盘（linux与windows）

2024-06-10 07:00:22

文章目录

应用场景
实现思路
具体代码
结尾

应用场景

公司项目需要放在一体机上，没有外接键盘与鼠标，并且要求客户端软件全屏。因此在某些需要输入中文的地方，使用系统自带的屏幕键盘无疑是最好的选择。

实现思路

由于electron-vue是采用的electron2.0.4，因此我们可以在渲染进程中随便调用node.js API.而无需其他的配置。
因为要兼容linux与windows两个平台。因此需要借助node的os模块
因为需要使用子进程打开屏幕键盘，因此需要借助node的child_process模块
通过以上两个node api我们就可以实现调用屏幕键盘的功能了

具体代码

首先编写调用屏幕键盘的函数

const { exec } = require('child_process')
const os = require('os')
class ControlVirtualKeyBoard {constructor() { }static OpenVirtualKeyBoard() {if (os.platform() === 'win32') {exec('osk.exe')} else {exec('onboard')}}
}export default ControlVirtualKeyBoard

其中osk.exe为在windows 64位上的调用屏幕键盘的命令。windows 32位系统没有验证。
而onboard为linux上调用屏幕键盘的命令。我只在ubuntu与deepin上测试过。如果你的linux系统没有onboard屏幕键盘，你可以先安装它。

之后你便可以把这部分代码导入你的vue文件中调用了。

结尾

electron-vue毕竟是基于electron2.0.4版本开发的，目前electron的版本已经9.0.3了，因此我建议使用新的electron-vue框架，
以下为链接
vue-cli-plugin-electron-builder

electron-vue中调用系统屏幕键盘（linux与windows）相关推荐

【MFC】MFC中调用系统软键盘的几种方法
1.直接运行微软系统自带的虚拟键盘程序"osk.exe" 在普通MFC项目中可以调用ShellExecute或者WinExec方法来直接运行微软系统自带的虚拟键盘程序"o ...
安卓手机如何打开php文件夹,Android_Android中调用系统的文件浏览器及自制简单的文件浏览器，调用系统自带的文件浏览器- phpStudy...
Android中调用系统的文件浏览器及自制简单的文件浏览器调用系统自带的文件浏览器这很简单: /** 调用文件选择软件来选择文件 **/ private void showFileChooser() ...
android外接键盘打汉字,Android在外接物理键盘时，如何强制调用系统软键盘
Android在外接物理键盘时,如何强制调用系统软键盘? 第一次写,写的不好请见谅参考: 物理键盘映射过程: 手机/system/usr/keylayout/*.kl :内核将keyCode映射成有 ...
win7系统屏幕键盘打开教程
我们在电脑没有接入键盘或者键盘失灵等情况下,如果想要输入内容,可以使用系统自带的屏幕键盘.只需要在控制面板中打开屏幕键盘就可以使用了,下面就让我们一起看看win7系统屏幕键盘打开教程吧. 1.首先点击 ...
系统软键盘Android在外接物理键盘时，如何强制调用系统软键盘？
第一次写,写的不好请见谅物理键盘映射过程: 手机/system/usr/keylayout/*.kl :内核将keyCode映射成有含义的字符串 KeycodeLabels.h : framewor ...
Android在外接物理键盘时，如何强制调用系统软键盘
Android在外接物理键盘时,如何强制调用系统软键盘? 可以加群:466059178,可以共同讨论,大神指导第一次写,写的不好请见谅参考: http://blog.csdn.net/DrakeB ...
Visual studio之C# 调用系统软键盘（外部osk.exe）
背景 App需要调用系统软键盘输入数据,自己去实现软键盘有些复杂,现在又是急需,没时间去研究实现软键盘,所以只能调用系统软键盘. 正文需要添加命名空间, using System.Diagnosti ...
Vue中如何进行屏幕录制与直播推流
Vue中如何进行屏幕录制与直播推流屏幕录制和直播推流是现代Web应用中常用的功能,例如在线教育.视频会议和游戏直播等.Vue作为一种流行的JavaScript框架,提供了一些工具和库,可以方便地实现 ...
C#在winform中调用系统控制台输出
SeayXu 原文C#在winform中调用系统控制台输出在Winform程序中有时候调试会通过Console.Write()方式输出一些信息,这些信息是在Visual Studio的输出窗口显示. ...
Android开发中调用系统窗口的方法
//直接拨号 Intent callIntent = new Intent(Intent.ACTION_CALL,Uri.parse("tel:12345678")); start ...

最新文章

热门文章