JavaScript中实现表单输入自动转大写最常用方式是监听input事件并调用toUpperCase()，需配合selectionStart/selectionEnd保留光标位置，特定场景可用正则控制格式，且服务端必须二次校验。
在 JavaScript 中实现表单输入内容自动转为大写，最常用且可靠的方式是监听 input 事件并实时修改值，同时兼顾用户体验（如光标位置、粘贴行为、回退键等）。下面分几种典型场景给出实用方案：
基础实时大写（适用于普通文本框）
对 <input type="text"> 或 <textarea> 绑定 input 事件，用 .toUpperCase() 转换值：
const input = document.getElementById('myInput');
input.addEventListener('input', function () {
this.value = this.value.toUpperCase();
});
⚠️ 注意：这种方式简单有效，但会重置光标到末尾（尤其在中间编辑时体验差）。如需保留光标位置，需额外处理。
保留光标位置的大写转换
当用户在文本中间修改时，直接赋值会丢失光标。可通过保存/恢复 selectionStart 和 selectionEnd 解决：
立即学习“Java免费学习笔记（深入）”；
const input = document.getElementById('myInput');
input.addEventListener('input', function (e) {
const start = this.selectionStart;
const end = this.selectionEnd;
const originalValue = this.value;
this.value = originalValue.toUpperCase();
// 恢复光标（仅当长度未变或变化可预测时才准确）
this.setSelectionRange(start, end);
});
✅ 更稳妥的做法是：只在值实际变化后更新，并按原选区长度映射新位置（适用于大多数情况）。若要求极高精度（如含 emoji、组合字符），建议使用成熟的库如 textarea-caret。
针对特定字段的智能大写（如姓名、编号）
有些场景只需首字母大写（如姓名），或固定格式（如车牌号、产品编码）。可用正则配合 input 事件控制：
-
首字母大写（其余小写）：
this.value = this.value.charAt(0).toUpperCase() + this.value.slice(1).toLowerCase(); -
仅允许字母数字+大写（如订单号）：
this.value = this.value.replace(/[^A-Za-z0-9]/g, '').toUpperCase(); -
每词首字母大写（标题格式）：
this.value = this.value.replace(/\b\w/g, c => c.toUpperCase());
补充建议与注意事项
- 服务端必须再次校验和标准化——前端转换可被绕过，不可作为唯一依据
- 移动端需测试软键盘行为；部分安卓输入法在粘贴后可能触发多次
input，可加防抖（setTimeout延迟执行） - 如需兼容旧浏览器（IE），
input事件可降级为keyup+paste双监听，但体验略差 - 对
contenteditable区域，需监听input并操作textContent，逻辑更复杂，建议优先用标准表单控件
