spellcheck属性仅支持拉丁语系单词级拼写提示，不支持语法检查、中文纠错或中英文混排场景；多语言纠错需JS分治实现。
spellcheck 属性无法实现多语言输入场景下的语法自动纠错，它根本不做语法检查，也不支持“自动纠错”，更不识别中文、日文、韩文等非拉丁语系的拼写或语法错误。
spellcheck="true" 根本不检查语法
所谓“语法检查”是常见误解。浏览器原生 spellcheck 只对单词级拼写做粗粒度提示（如 recieve → receive），且仅限系统已安装的拉丁语系词典（英文、法文、德文等）。它：
• 不分析句子结构、时态、主谓一致等语法要素
• 不识别上下文错误（如 their vs there）
• 不支持任何中文语法纠错（“我昨天去公园了”错成“我昨天去公园”不会标红）
• 所有主流浏览器（Chrome/Firefox/Safari/Edge）均无语法检查能力，spellcheck 属性名中的 “spell” 就已说明其作用边界
中英文混排时 spellcheck 为何失效
不是配置问题，而是机制缺失：
• 输入法切到中文模式后，Chrome/Edge 直接跳过拼写逻辑，spellcheck="true" 形同虚设
• lang="zh" 或 lang="en" 不会触发词典切换，浏览器不读取该属性做语言路由
• 中英夹杂如 const foo = "你好"：const 可能被标红（因系统认为它是英文单词），你好 完全不参与校验
• macOS 上需手动勾选「系统设置 → 键盘 → 文本 → 在网页文本框中检查拼写」，且仅对当前激活的输入法语言生效
想让中英文都有反馈？必须绕开 spellcheck 原生机制
可行路径只有 JS 驱动的显式分治：
• 用 /[a-zA-Z]+/g 提取英文片段，走轻量词典（如 bloom-filters-spellchecker）或调用 LanguageTool API
• 用 /[\u4e00-\u9fa5]+/g 提取中文片段，接入专业服务（如百度 AI 拼写纠错、PaddleNLP）——简单字典匹配对中文错别字无效
• 高亮靠手动注入 <mark class="spell-error"></mark>，不能依赖浏览器波浪线
• 必须加防抖（debounce ≥ 300ms）和缓存，否则每次 input 都触发分词+网络请求会卡顿
立即学习“前端免费学习笔记（深入）”；
移动端和 contenteditable 的特殊坑
这两类场景下 spellcheck 基本不可控：
• iOS/Android 完全忽略该属性，拼写提示由系统键盘控制，HTML 层面无法干预
• contenteditable 元素默认不启用拼写检查，子节点（如 <p>）需单独设 spellcheck="true"，且父级 spellcheck="false" 会覆盖子级
• React/Vue 中写 spellcheck={false} 是对的，但要注意 JSX 编译后为小写 spellcheck，不是 spellCheck
真正难的不是“怎么开 spellcheck”，而是接受它只在特定英文输入场景下偶尔起效；所有试图用它解决多语言、混合内容、语法或自动纠错的需求，都会撞上浏览器底层能力的硬边界。
