回车刷新页面是因为浏览器将回车默认视为表单提交，尤其当搜索框位于<form>内或页面仅有一个<input>时；即使不在<form>中，若存在隐式表单上下文（如父级含layui-form类），部分Layui版本仍会触发默认submit行为；解决方式包括移除<form>、加onsubmit="return false;"、或在done回调中对动态生成的输入框绑定keydown事件并调用e.preventDefault()。
为什么回车会刷新页面
layui 表格的搜索框如果放在 <form> 标签内，或整个页面只有一个 <input>，浏览器就会把回车默认当成表单提交——哪怕你没写 submit 按钮，也会触发 location.reload() 或跳转，导致页面闪退、表格重置。
搜索框不在 form 里但依然刷新怎么办
即使没套 <form>，只要 DOM 结构里存在隐式表单上下文（比如父级有 layui-form 类、或被嵌在弹窗 layer 的 content 区域中），某些版本的 Layui 渲染逻辑仍会触发默认 submit 行为。
- 最稳妥做法：给搜索
<input>加一个type="text"属性，并确保它不在任何<form>标签下 - 若必须放 form 内，加
onsubmit="return false;"到<form>标签上 - 更彻底的方案：在搜索框上直接监听
keydown，遇到Enter就e.preventDefault()
如何正确绑定回车并防止刷新
别依赖全局拦截，也别只绑一次就完事——表头搜索框是动态渲染的，得在 done 回调里绑定，且每次都要阻止默认行为。
- 在
table.render()的done函数中，用layui.$('input[name="username"]')精准选中目标输入框 - 绑定
keydown时判断e.key === 'Enter'，然后立刻执行e.preventDefault() - 接着读取
this.value.trim()，调用table.reload('userTable', { where: { username: ... }, page: { curr: 1 } }) - 注意：不能用
data.field，那是行内数据，不是表头输入值
容易被忽略的隐藏陷阱
很多人写了 e.preventDefault() 还刷新，问题往往出在事件绑定时机或 DOM 生命周期上。
- 在
render前就去绑keydown—— 此时输入框 DOM 还没生成，绑定无效 - 用了
layui.$('.search-input').on('keydown', ...)但没加done保护，表格重绘后事件丢失 - 输入框带
type="search"或type="submit"，浏览器仍可能触发默认行为 - 页面有多个同名
name的input，layui.$('input[name="xxx"]')会匹配多个，需加限定 class 或父容器选择器
真正起作用的从来不是“加了 preventDefault”，而是“在对的时机、对的元素上、做对的事”。
