回车键切换input焦点需避免失效：应使用queryselectorall筛选可聚焦元素（排除disabled/hidden/非text类型），检查offsetparent确保可见，监听keyup事件并用e.key==='enter'判断，调用focus前过滤disabled和readonly状态，且每次dom变动后需重新筛选可用元素。
回车键切换 input 焦点的常见失效场景
直接给每个 input 写 onkeydown="focusNextInput(this)" 很容易出问题：焦点跳到下一个后，如果那个 input 被 display: none 或 hidden 了，.focus() 会静默失败，用户完全感知不到；更隐蔽的是，当表单区域用 hidden 属性控制显隐时，被隐藏的 input 无法获得焦点，但代码仍会执行索引计算，导致“跳空”。
用 querySelectorAll + focus() 安全获取可聚焦元素
不要依赖 document.getElementsByTagName('input')——它会把所有 input（包括 type="hidden"、被 disabled 或 hidden 的）都拉进来。应该用带条件的筛选：
document.querySelectorAll('input[type="text"]:not([disabled]):not([hidden])')- 如果只针对某组表单，加容器限定：
form1.querySelectorAll('input[type="text"]:not([disabled])') - 确保元素在 DOM 中且
offsetParent !== null（即未被 CSS 隐藏），再调用.focus()
监听 keyup 而非 keydown 避免输入丢失
用 keydown 时，回车键会先触发焦点切换，再把 \n 插入当前框（尤其在 textarea 中）；而 keyup 保证字符已写入，再切焦点。关键判断写法必须是：
-
e.key === 'Enter'（推荐，语义清晰，兼容现代浏览器） - 避免用
e.keyCode === 13，已被废弃，Safari 和部分旧 Edge 有兼容风险 - 加
e.preventDefault()阻止表单默认提交，但仅对当前input生效，不影响其他逻辑
循环切换时别忽略 disabled 和 readonly 状态
用户可能手动禁用某个 input（比如根据前一项值动态设 disabled），此时它不应参与焦点循环。实际遍历时要跳过：
- 检查
input.disabled === true或input.readOnly === true - 用
Array.from(inputs).filter(el => !el.disabled && !el.readOnly)生成有效列表 - 索引计算基于过滤后数组长度，否则 “最后一个 → 第一个” 会错位
真正麻烦的不是写几行 JS，而是每次 DOM 结构变化（比如用 hidden 切换表单块、动态增删字段）后，焦点链是否还连得上——得重新跑一遍可用元素筛选，不能靠初始缓存。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
