当动态生成的删除按钮未显式设置 type="button" 时，浏览器会将其默认视为 type="submit"，导致表单在输入框中按 enter 键时触发提交并意外执行删除逻辑；解决方法是为所有删除按钮明确声明 type="button"。
在 Web 表单开发中，一个常见却容易被忽视的陷阱是：HTML <button> 元素若未指定 type 属性，其默认行为为 type="submit"。这意味着——即使该按钮本身不位于 <form> 标签内，只要它处于可提交上下文（例如父级存在表单，或浏览器兼容性行为影响），按下 Enter 键（尤其在聚焦于同表单内任意可编辑字段如 <input> 或 <textarea> 时）就可能意外触发表单提交，进而激活绑定在按钮上的事件监听器（如本例中的 .remove_node_btn_frm_field 点击事件），造成非预期的 DOM 删除。
✅ 正确做法是：始终为功能性按钮（如删除、添加、取消等）显式声明 type="button"，彻底切断其与表单提交的隐式关联。
例如，将原始 HTML 中类似如下代码：
<button class="remove_node_btn_frm_field">− 删除</button>
修正为：
立即学习“Java免费学习笔记（深入）”；
<button type="button" class="remove_node_btn_frm_field">− 删除</button>
同时，建议配合 JavaScript 事件优化，增强健壮性（虽非必需，但推荐）：
// 推荐：使用事件委托 + 显式阻止默认行为（双重保险）
$("body").on("click", ".remove_node_btn_frm_field", function (e) {
e.preventDefault(); // 确保不触发任何默认动作（如 submit）
$(this).closest(".form_field_outer_row").remove();
});⚠️ 注意事项：
- 即使按钮不在 <form> 内，某些浏览器仍可能因 DOM 结构或历史兼容性对 button 做提交推断，因此 type="button" 是必须项，不可省略；
- 动态生成的按钮（如通过 JS 拼接字符串或模板引擎渲染）务必在生成时即写入 type="button"，避免依赖后续 JS 修补；
- 若页面中存在真实表单提交逻辑，请确保其他提交按钮使用 type="submit"，并分离删除操作与表单语义，保持职责清晰。
总结：“按 Enter 删除”问题本质是按钮类型缺失引发的浏览器默认行为干扰。只需一行 HTML 修正（type="button"），即可根治该问题，并提升代码可维护性与用户体验一致性。
