jQuery实现禁止输入'>'但允许邮箱输入框输入句号的方案

嘿，这个坑我之前踩过！核心问题大概率是你依赖键码判断输入，而没区分「单纯按句号键」和「Shift+句号键」的差异——毕竟这两个操作的键码都是190，但输出的字符完全不同（句号vs>）。下面给你几个靠谱的解决方案：

方案1：直接过滤输入内容（最推荐） #

不用纠结键码，直接在输入事件里过滤掉>字符，简单粗暴且兼容所有键盘布局：

const emailInput = document.getElementById('your-email-input');

emailInput.addEventListener('input', function(e) {
  // 全局替换所有>为空字符串
  this.value = this.value.replace(/>/g, '');
});

这种方法的好处是，不管用户是通过键盘输入、粘贴还是其他方式插入>，都会被自动过滤，同时完全不影响句号的正常输入。

方案2：通过键码+Shift键状态判断 #

如果你一定要用keydown事件拦截，那就得同时检查键码和Shift键的状态：

emailInput.addEventListener('keydown', function(e) {
  // 当按下的是句号键（键码190）且同时按住Shift时，阻止输入
  if (e.keyCode === 190 && e.shiftKey) {
    e.preventDefault();
  }
});

这样一来，单纯按句号键（无Shift）会正常输入.，而Shift+句号的组合会被拦截，不会输入>。

为什么之前的方法失效？ #

如果你之前的代码是只要键码是190就阻止输入，那自然会把句号也拦下来。记住：键码对应的是键盘上的物理按键，不是输出的字符，同一个按键在不同修饰键（Shift/Ctrl等）下会输出不同字符，所以千万别只靠键码判断！

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