本文详解如何在 jQuery 中准确捕获 Backspace（退格）和 Delete（删除）键事件，并结合输入长度条件实现受控的输入限制，重点解决 keypress 无法触发的问题。
本文详解如何在 jquery 中准确捕获 backspace（退格）和 delete（删除）键事件，并结合输入长度条件实现受控的输入限制，重点解决 `keypress` 无法触发的问题。
在表单输入控制中，常需对手机号、身份证号等固定格式字段进行长度与按键行为的双重校验。一个典型场景是：当输入框内字符数 ≤ 2 时，禁止用户按 Backspace 或 Delete 键清空关键前缀（如 "09"）。但若错误使用 keypress 事件，该逻辑将失效——因为 keypress 仅触发于能生成字符的按键（如数字、字母），而 Backspace（键码 8）和 Delete（键码 46）不产生字符，因此根本不会触发 keypress。
✅ 正确做法是改用 keydown 事件：它在按键按下瞬间触发，覆盖所有物理按键（包括功能键），且支持可靠的键码（event.which 或 event.key）判断。
以下是经过验证的完整解决方案：
$(document).ready(function() {
$('#mobile').val("09"); // 初始化为"09"
$('#mobile').on("keydown", function(event) {
const currentValue = $(this).val();
const key = event.key;
const keyCode = event.which || event.keyCode;
// 条件1：长度≤2时，禁用Backspace(8)和Delete(46)
if (currentValue.length = 11) {
event.preventDefault();
}
});
});
? 关键注意事项：
- ✅ 始终使用 keydown 而非 keypress 处理 Backspace/Delete；
- ✅ 推荐使用 event.which（兼容 jQuery 封装后的跨浏览器键码）而非 event.key 判断功能键，因 event.key 在部分旧浏览器中对 Backspace 返回 "Backspace"，而 Delete 可能返回 "Delete" 或 "Unidentified"，稳定性不足；
- ⚠️ 避免在 keydown 中修改 val() 后再做长度判断（如 $(this).val(currentValue.slice(0, -1))），易引发光标错位或重复触发；
- ? 若需支持粘贴（Paste）过滤，应额外监听 input 或 paste 事件并做字符串清洗。
通过以上实现，既能精准拦截非法删除操作，又能保障数字输入与长度上限的双重约束，兼顾健壮性与用户体验。
