如何用JavaScript禁止文本输入框输入特定字符？

你的代码问题在于没有阻止浏览器的默认输入行为，PC端需要调用event.preventDefault()才能拦截字符输入，移动端可能因键盘事件处理逻辑特殊才生效。下面给你两种实现方案：

方案一：直接阻止输入并提示 #

给事件添加preventDefault()方法，就能让PC端也拦截字符输入，同时保留提示：

// 建议给具体输入框绑定事件，避免全局影响其他输入
document.querySelector('#your-input-id').addEventListener('keydown', function(event) {
  // 用event.key判断更直观，不用记keyCode，逗号对应','
  if (event.key === ',') {
    alert("',' 符号不可输入");
    event.preventDefault(); // 阻止默认输入行为
  }
});

方案二：替换为空格并提示 #

如果需要把逗号替换成空格，而不是完全阻止，可以这样写：

document.querySelector('#your-input-id').addEventListener('keydown', function(event) {
  if (event.key === ',') {
    alert("',' 符号不可输入，已替换为空格");
    event.preventDefault();
    
    // 在光标位置插入空格
    const input = event.target;
    const start = input.selectionStart;
    const end = input.selectionEnd;
    input.value = input.value.substring(0, start) + ' ' + input.value.substring(end);
    
    // 调整光标到空格后面，保持输入连贯性
    input.selectionStart = input.selectionEnd = start + 1;
  }
});

额外补充：处理粘贴场景 #

如果用户粘贴包含逗号的内容，上面的键盘事件管不到，可以监听input事件自动处理：

document.querySelector('#your-input-id').addEventListener('input', function() {
  const oldValue = this.value;
  // 把所有逗号替换成空格，要移除的话把' '改成''即可
  const newValue = oldValue.replace(/,/g, ' ');
  
  if (newValue !== oldValue) {
    alert("',' 符号不可输入，已自动处理");
    this.value = newValue;
    
    // 修正光标位置，避免光标跳到末尾
    const cursorOffset = oldValue.length - newValue.length;
    this.selectionStart = this.selectionEnd = this.selectionStart - cursorOffset;
  }
});

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