快捷導航

使用JS調(diào)用工控機(Windows)虛擬鍵盤

更新時間：2024年01月22日 09:55:15 作者：一諾滾雪球

在工控機觸摸屏中,通過瀏覽器web端進行表單輸入,當聚焦表單輸入框并不會出現(xiàn)虛擬鍵盤進行輸入,本文介紹將給大家介紹如何通過js調(diào)用工控機(Windows)虛擬鍵盤,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下

1. 需求背景

在工控機觸摸屏中，通過瀏覽器web端進行表單輸入，當聚焦表單輸入框并不會出現(xiàn)虛擬鍵盤進行輸入。

解決方式：

使用第三方npm虛擬鍵盤插件引入使用
使用js調(diào)用系統(tǒng)自帶的虛擬鍵盤
使用快捷鍵Win+Ctrl+O打開關(guān)閉

本文介紹下第二種方式進行操作。

2. 實現(xiàn)方式

在網(wǎng)頁中通過js調(diào)用Windows上本地的exe程序，通過修改 Windows 注冊表來使用 window.open 打開鍵盤，實際上是在設(shè)置一個自定義的 URL 協(xié)議（如 "keyboardProtocol"）與鍵盤應(yīng)用程序（通常是系統(tǒng)自帶的屏幕鍵盤）相關(guān)聯(lián)。當用戶在網(wǎng)頁中點擊一個鏈接或使用 JavaScript 打開一個 "keyboardProtocol" URL 時，這將觸發(fā)屏幕鍵盤的打開。

找出虛擬鍵盤的可執(zhí)行文件路徑，如：C:\Windows\system32\osk.exe
編寫注冊文件reg文件

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\keyboard] // 定義自定義 URL 協(xié)議的關(guān)鍵部分
@="keyboardProtocol"  // 自定義的 URL 協(xié)議名稱
"URL Protocol"="keyboardProtocol" // 確保了系統(tǒng)知道這是一個自定義協(xié)議

[HKEY_CLASSES_ROOT\keyboard\DefaultIcon] // 定義了當用戶在資源管理器或文件瀏覽器中雙擊與 "keyboardProtocol" 相關(guān)聯(lián)的文件時顯示的圖標
@="C:\\windows\\system32\\osk.exe" // 屏幕鍵盤應(yīng)用程序的路徑

[HKEY_CLASSES_ROOT\keyboard\shell]  // 定義了如何與該協(xié)議交互

[HKEY_CLASSES_ROOT\keyboard\shell\open] // 定義了當用戶右鍵點擊與 "keyboardProtocol" 相關(guān)聯(lián)的文件或文件夾并選擇“打開”時發(fā)生的行為

[HKEY_CLASSES_ROOT\keyboard\shell\open\command] // 定義了如何執(zhí)行與 "open" 操作相關(guān)聯(lián)的操作
@="\"C:\\windows\\system32\\osk.exe\""

雙擊執(zhí)行
js中調(diào)用

// 方法一
 window.location.href="keyboard://" rel="external nofollow"  rel="external nofollow" ;
//or
window.open("keyboard://");

</script>
<!-- 方法二-->
<a href="keyboard://" rel="external nofollow"  rel="external nofollow" >打開應(yīng)用程序</a>