当动态生成的删除按钮未显式设置 type="button" 时，浏览器会将其默认视为 type="submit"，导致表单在输入框中按 enter 键时触发提交并意外执行删除逻辑；解决方法是为所有删除按钮明确声明 type="button"。
在 Web 表单开发中，一个常见却容易被忽视的陷阱是：HTML
✅ 正确做法是：始终为功能性按钮（如删除、添加、取消等）显式声明 type="button"，彻底切断其与表单提交的隐式关联。
例如，将原始 HTML 中类似如下代码：
<button class="remove_node_btn_frm_field">− 删除</button>
修正为：
Comet AI 浏览器
下载
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
<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();
});
⚠️ 注意事项：
- 即使按钮不在
- 动态生成的按钮（如通过 JS 拼接字符串或模板引擎渲染）务必在生成时即写入 type="button"，避免依赖后续 JS 修补；
- 若页面中存在真实表单提交逻辑，请确保其他提交按钮使用 type="submit"，并分离删除操作与表单语义，保持职责清晰。
总结：“按 Enter 删除”问题本质是按钮类型缺失引发的浏览器默认行为干扰。只需一行 HTML 修正（type="button"），即可根治该问题，并提升代码可维护性与用户体验一致性。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
