如何使用Node.js或Angular实现Caps Lock/Num Lock键的启用与禁用？

Angular（前端场景） #

浏览器出于安全策略限制，不允许前端代码直接修改系统级的Caps Lock/Num Lock状态——这就是你用dispatchEvent无效的核心原因：模拟键盘事件只能触发页面内的事件响应，无法改变系统全局的按键锁定状态。

可行操作：检测状态 #

前端只能读取当前Caps Lock/Num Lock的状态，无法修改。Angular中可以通过监听全局键盘事件实现：

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-key-monitor',
  template: `<p>Caps Lock: {{ capsLockEnabled ? '开启' : '关闭' }}</p>
             <p>Num Lock: {{ numLockEnabled ? '开启' : '关闭' }}</p>`
})
export class KeyMonitorComponent {
  capsLockEnabled = false;
  numLockEnabled = false;

  @HostListener('document:keydown', ['$event'])
  @HostListener('document:keyup', ['$event'])
  updateLockStates(event: KeyboardEvent) {
    this.capsLockEnabled = event.getModifierState('CapsLock');
    this.numLockEnabled = event.getModifierState('NumLock');
  }
}

如果需要让用户切换状态，只能提示用户手动按下对应按键，无法通过代码自动触发。

Node.js（桌面/后端场景） #

Node.js本身是后端运行环境，但如果用于桌面应用（如Electron）或拥有系统权限的后端服务，可以通过以下方式控制Caps Lock/Num Lock：

方案1：使用第三方系统级模块 #

robotjs是常用的跨平台桌面自动化模块，可直接模拟按键操作：

const robot = require('robotjs');

// 切换Caps Lock状态（按一次切换）
robot.keyTap('capslock');

// 切换Num Lock状态
robot.keyTap('numlock');

注意：安装robotjs需要对应系统的编译环境，且运行时需要足够的系统权限。

方案2：调用系统原生命令 #

如果不想依赖第三方模块，可以直接通过child_process调用系统命令：

Windows平台

通过PowerShell调用Windows API切换：

const { exec } = require('child_process');

// 切换Caps Lock
exec(`powershell -Command "Add-Type -TypeDefinition '@\"using System; using System.Runtime.InteropServices; public class KeyUtils { [DllImport(\"user32.dll\")] public static extern void keybd_event(byte bVk, byte bScan, uint dwFlags, uint dwExtraInfo); private const int KEYEVENTF_KEYUP = 0x0002; public static void ToggleCapsLock() { keybd_event(0x14, 0x45, 0, 0); keybd_event(0x14, 0x45, KEYEVENTF_KEYUP, 0); } }\"@; [KeyUtils]::ToggleCapsLock()"`, (err) => {
  if (err) console.error('切换失败:', err);
});

// 切换Num Lock（把0x14换成0x90即可）
exec(`powershell -Command "Add-Type -TypeDefinition '@\"using System; using System.Runtime.InteropServices; public class KeyUtils { [DllImport(\"user32.dll\")] public static extern void keybd_event(byte bVk, byte bScan, uint dwFlags, uint dwExtraInfo); private const int KEYEVENTF_KEYUP = 0x0002; public static void ToggleNumLock() { keybd_event(0x90, 0x45, 0, 0); keybd_event(0x90, 0x45, KEYEVENTF_KEYUP, 0); } }\"@; [KeyUtils]::ToggleNumLock()"`, (err) => {
  if (err) console.error('切换失败:', err);
});

macOS平台

通过AppleScript模拟按键：

const { exec } = require('child_process');

// 切换Caps Lock
exec(`osascript -e 'tell application "System Events" to key code 27'`, (err) => {
  if (err) console.error('切换失败:', err);
});

// 切换Num Lock
exec(`osascript -e 'tell application "System Events" to key code 71'`, (err) => {
  if (err) console.error('切换失败:', err);
});

总结 #

• Angular前端：仅能检测Caps Lock/Num Lock状态，无法修改，dispatchEvent无效是浏览器安全限制导致。
• Node.js：在拥有系统权限的场景下，可通过第三方模块或系统命令实现状态切换。

内容的提问来源于stack exchange，提问作者selenagomez