正确方式是 input.value.length；input.length 错误，因返回 DOM 对象属性数而非字符数；需用 input 事件实时监听，避免 keyup 和 change；限制长度优先用 maxlength，JS 截断须保光标；textarea 换行符计入长度。
用 input.length 会出错，正确方式是读取 value 属性
直接访问 input.length 得到的是 HTML 元素对象的属性数量（通常是 undefined 或固定值），不是用户输入的字符数。必须通过 input.value.length 获取真实长度。
-
input是 DOM 元素，input.value才是当前输入的字符串 - 空输入时
input.value.length === 0，不是undefined - 中文、emoji、全角符号都算 1 个字符（UTF-16 编码下部分 emoji 占 2 个 code unit，但
.length仍按 JS 字符串规则计数）
监听输入变化：优先用 input 事件，不是 change
change 事件只在失焦后触发，无法实时响应；input 事件在每次输入（包括粘贴、删除、输入法上屏后）都触发，适合做长度校验或实时提示。
- 对
<input type="text">和<textarea>都有效 - 避免用
keyup：不捕获粘贴、右键粘贴、拖入文本、IME 组合过程 - 示例：
input.addEventListener('input', () => { console.log(input.value.length); });
处理实时限制长度时，别在 input 事件里直接截断 value
直接赋值 input.value = input.value.slice(0, 10) 会导致光标跳到末尾，破坏用户体验。需要手动保存并恢复光标位置，或改用 maxlength 原生属性。
- 简单场景直接加
maxlength="10"—— 浏览器原生拦截，无光标问题 - 复杂逻辑（如动态限制、中英文不同计数）才需 JS 截断，此时必须用
setSelectionRange保持光标 - 注意：iOS Safari 对
input事件触发时机有延迟，尤其在输入法切换时
textarea 的换行符影响长度计算吗？
影响。Windows 下换行是 "\r\n"（2 字符），Linux/macOS 是 "\n"（1 字符），.length 会如实计入。如果后端要求“纯文字长度不含换行”，得先 replace(/\r\n|\r|\n/g, '') 再算。
立即学习“前端免费学习笔记（深入）”；
-
textarea.value.length包含所有不可见字符（制表符、换行符等） - 用户按 Shift+Enter 换行也会产生
\n，同样计入 - 若要做字数统计（如微博），建议统一用
value.replace(/\s+/g, ' ').trim().length过滤多余空白
input.value 还没更新，此时读到的长度不是最终结果。依赖实时长度做关键判断（如按钮启用状态）时，要预留这个延迟窗口。 
