如何在MacOS的Chrome、Safari中禁用HTML输入框及文本域自动标点功能？

当然可以搞定这个问题！MacOS里Chrome和Safari的自动标点（比如双击空格补全句号）确实会干扰按键事件，还会导致keypress只触发一次，下面给你两种靠谱的解决思路：

一、HTML属性直接禁用（最简单的方式） #

直接给<input>和<textarea>加上几个属性，就能让浏览器关闭自动标点相关的智能功能，一步到位：

<input type="text" autocorrect="off" autocapitalize="off" spellcheck="false" inputmode="text">
<textarea autocorrect="off" autocapitalize="off" spellcheck="false" inputmode="text"></textarea>

这里每个属性的作用：

• autocorrect="off"：核心属性，直接关闭自动纠正（包括双击空格补句号这类自动标点替换）
• autocapitalize="off"：顺便关闭自动大写首字母的功能，避免额外干扰
• spellcheck="false"：关闭拼写检查，部分浏览器里这个功能和智能标点是绑定的
• inputmode="text"：明确告诉浏览器这是纯文本输入场景，避免触发特殊输入模式

不过要注意，少数旧版本的Safari可能对autocorrect的支持有点小差异，这时候就需要JavaScript来兜底了。

二、JavaScript监听事件兜底（更精准控制） #

如果HTML属性不够用，我们可以监听按键事件，直接拦截自动标点的生成，同时保证按键事件能正常触发：

// 获取所有需要处理的输入框
const inputElements = document.querySelectorAll('input[type="text"], textarea');

inputElements.forEach(el => {
  let lastPressedKey = '';
  
  // 监听keydown事件，拦截连续两次空格
  el.addEventListener('keydown', (e) => {
    if (e.key === ' ' && lastPressedKey === ' ') {
      // 阻止浏览器自动插入句号的默认行为
      e.preventDefault();
      // 手动插入一个空格，保证输入逻辑正常
      el.setRangeText(' ', el.selectionStart, el.selectionEnd, 'end');
    }
    lastPressedKey = e.key;
  });

  // 额外监听beforeinput事件，防止浏览器通过其他路径触发自动标点
  el.addEventListener('beforeinput', (e) => {
    // 检测是否是自动替换的句号（智能标点触发的输入类型是insertReplacementText）
    if (e.data === '.' && e.inputType === 'insertReplacementText') {
      e.preventDefault();
    }
  });
});

这个方法的优势是更精准，能直接阻断自动标点的生成逻辑，同时让两次空格键的keydown/keypress事件都能正常触发，完美解决你提到的事件只触发一次的问题。

额外提醒 #

• 为什么之前keypress只触发一次？因为浏览器把两次空格的按键操作合并成了“插入句号”的单一操作，所以原生事件只触发了一次。用上面的方法阻止默认行为后，两次空格的事件就会正常触发了。
• 不需要让用户修改MacOS系统设置里的“智能标点”，上面的方法都是在浏览器层面直接禁用，对用户透明。

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