JavaScript如何检测用户数字小键盘输入是英文还是波斯语

云原生阿岚

2026-8-27

跨Windows/Linux 小键盘输入语言（英文/波斯语）检测方案

原有脚本Windows失效原因

不同操作系统对keyup/keypress键盘事件的返回值处理逻辑不一致：Windows环境下波斯语输入法处理小键盘输入时，e.key、e.charCode往往不会直接返回波斯语数字对应的Unicode值，部分场景会先返回ASCII数字编码，再由输入法完成字符替换，键盘事件触发时还没拿到最终输入的字符，自然判断失效
原有逻辑只在键盘事件触发阶段做判断，没有捕获输入法替换完成后的实际输入内容

兼容实现代码

const numInput = document.getElementById("a");
const langTip = document.getElementById("lang");
// 匹配波斯语数字的正则，覆盖Unicode区间U+06F0到U+06F9
const persianNumCheck = /^[\u06F0-\u06F9]$/;
// 匹配英文ASCII数字的正则
const englishNumCheck = /^[0-9]$/;

// 核心判断绑定input事件，该事件在内容实际写入输入框后触发，全系统兼容
numInput.addEventListener("input", function() {
  if (!this.value.length) {
    langTip.innerHTML = "";
    return;
  }
  // 取最新输入的单个字符判断，不受历史输入内容干扰
  const lastInputChar = this.value.at(-1);
  if (persianNumCheck.test(lastInputChar)) {
    langTip.innerHTML = "Persian";
    return;
  }
  if (englishNumCheck.test(lastInputChar)) {
    langTip.innerHTML = "english";
  }
});

// 可选：补充keydown事件做预判，提升提示响应速度，结果不做最终判定依据
numInput.addEventListener("keydown", (e) => {
  if (e.key && persianNumCheck.test(e.key)) {
    langTip.innerHTML = "Persian";
  }
});