当页面中使用动态生成的删除按钮时，若未显式声明 type="button"，其默认类型为 submit，导致在输入框内按 Enter 键也会触发表单提交或冒泡至父级事件监听器，从而误删整行——本文详解原因与可靠解决方案。
当页面中使用动态生成的删除按钮时，若未显式声明 `type="button"`，其默认类型为 `submit`，导致在输入框内按 enter 键也会触发表单提交或冒泡至父级事件监听器，从而误删整行——本文详解原因与可靠解决方案。
在 Web 表单开发中，尤其涉及动态增删字段（如多组联系人、配置项等）时，一个常见却易被忽视的问题是：点击删除按钮可正常移除行，但用户在任意输入框中按 Enter 键，竟也触发了同一删除行为。这并非 JavaScript 逻辑错误，而是 HTML 表单的默认行为所致。
根本原因在于：
✅
✅ 正确做法：显式声明按钮类型
将所有删除按钮的 HTML 改为：
<button type="button" class="remove_node_btn_frm_field">删除</button>
⚠️ 注意：仅添加 type="button" 即可彻底隔离 Enter 键影响，无需修改 JavaScript 事件绑定逻辑。
? 验证与增强建议（可选）
虽然 type="button" 已解决核心问题，但为提升健壮性，推荐补充以下实践：
立即学习“前端免费学习笔记（深入）”；
-
避免事件冒泡干扰（如按钮嵌套在可点击容器中）：
$("body").on("click", ".remove_node_btn_frm_field", function (e) { e.stopPropagation(); // 阻止事件向父元素冒泡 $(this).closest(".form_field_outer_row").remove(); }); -
禁用表单默认提交行为（若确需保留
? 总结
| 问题现象 | 根本原因 | 解决方案 |
|---|---|---|
| 按 Enter 删除行 | 强制设置 type="button" |
切记：这不是 jQuery 或事件委托的缺陷，而是 HTML 规范的固有行为。养成在编写
