安卓端jQuery键盘事件e.key返回Unidentified，手机号输入限制失效如何解决？

你的问题核心在于不同设备对键盘事件属性的支持差异，尤其是安卓端很多按键（包括退格、特殊字符）会返回Unidentified，导致基于e.key的判断完全失效。我给你几个更可靠的解决方案，从根本上解决跨设备兼容性问题：

方案1：用input事件做兜底过滤（最推荐） #

不管是键盘输入、输入法输入还是粘贴内容，input事件都会在输入框内容变化时触发，直接用正则过滤非数字内容，这种方式完全不依赖键盘事件的属性，兼容性拉满：

$("#phonenumber").on("input", function() {
  // 只保留0-9的数字，替换所有非数字字符
  $(this).val($(this).val().replace(/[^0-9]/g, ""));
});

为什么这个方法靠谱？ #

• 避开了不同设备对e.key/keyCode的兼容性差异，不管用户用什么方式输入，最终都会被过滤成纯数字
• 能处理输入法联想、粘贴等keydown事件覆盖不到的场景
• 解决了你提到的val()返回空值的问题——input事件是在内容更新后触发的，此时获取的值就是输入框的真实内容

方案2：兼容键盘事件的控制键与数字键判断 #

如果你还是需要用keydown提前拦截无效按键，可以改用兼容性更好的keyCode来判断，同时覆盖安卓端控制键返回Unidentified的情况：

$("#phonenumber").keydown(function(e) {
  // 允许的控制键：退格、删除、方向键、Tab（方便用户操作）
  const allowedControlKeys = [8, 9, 37, 38, 39, 40, 46];
  if (allowedControlKeys.includes(e.keyCode)) {
    return; // 控制键直接放行
  }

  // 判断是否是数字键：主键盘0-9（48-57）、小键盘0-9（96-105）
  const isNumberKey = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);
  if (!isNumberKey) {
    e.preventDefault();
    return false;
  }
});

补充优化 #

可以给输入框加上type="tel"属性，移动端会自动弹出数字键盘，从源头减少用户输入非数字的可能：

<input type="tel" id="phonenumber" maxlength="11">

方案3：双保险组合（拦截+兜底） #

把上面两种方法结合起来，既用keydown提前拦截无效按键，又用input做最终过滤，兼顾体验和兼容性：

// 提前拦截无效按键
$("#phonenumber").keydown(function(e) {
  const allowedControlKeys = [8, 9, 37, 38, 39, 40, 46];
  if (allowedControlKeys.includes(e.keyCode)) return;
  
  const isNumberKey = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);
  if (!isNumberKey) {
    e.preventDefault();
    return false;
  }
});

// 兜底过滤所有非数字内容
$("#phonenumber").on("input", function() {
  $(this).val($(this).val().replace(/[^0-9]/g, ""));
});

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