blur时trim并赋值可去首尾空格，但会导致光标跳至末尾；推荐blur时条件trim（仅当存在空格）+ submit时兜底trim，兼顾体验与数据干净。
在输入框失焦（blur）时自动去除前后空格，核心是监听 blur 事件，然后对 value 调用 trim() 并赋回。但要注意：直接赋值后光标会跳到末尾、且不会触发 input 或 change 事件，需结合用户体验微调。
基础实现：blur 时 trim 并更新 value
这是最直接的方式：
const input = document.getElementById('myInput');
input.addEventListener('blur', () => {
input.value = input.value.trim();
});
✅ 有效去除首尾空格
⚠️ 缺点：用户再聚焦编辑时，光标默认移到末尾；若内容原本全为空格，会清空输入框。
增强体验：保留光标位置（可选）
如果希望失焦 trim 后，再次聚焦时光标仍在原位置（比如中间），需手动保存/恢复 selection。但多数场景无需这么复杂。更实用的折中方案是：只在有实际空格时才 trim，并避免无意义更新：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 用
if (input.value !== input.value.trim())判断是否真有空格要删，减少 DOM 写入 - 不主动设置
value，改用input.value = ...即可，现代浏览器会自动处理光标（无需额外操作）
配合表单提交前兜底（推荐组合使用）
仅依赖 blur 可能遗漏（如用户按 Enter 提交、或点击提交按钮时输入框未失焦）。建议双保险：
立即学习“Java免费学习笔记（深入）”；
- blur 时 trim（提升即时体验）
- 表单 submit 事件中再次 trim（确保最终值干净）
例如：
const form = document.getElementById('myForm');
form.addEventListener('submit', (e) => {
const input = form.querySelector('#myInput');
input.value = input.value.trim();
});
注意兼容性与细节
String.prototype.trim() 在 IE9+ 完全支持，无需 polyfill。
如果需兼容极老环境（如 IE8），可用正则替代：.replace(/^\s+|\s+$/g, '')。
另外，不要在 input 或 keyup 中实时 trim——那会干扰用户正常输入（比如想输空格分隔词），blur 是语义最合适的时机。
