Layui表格搜索框加历史记录需绕过layui.form渲染，用原生input监听input事件、localStorage存取（key带作用域）、document.body挂载下拉层并准确定位，点击后派发input和change事件触发table.reload。
直接上结论：Layui 表格搜索框加历史记录，必须绕过 layui.form 渲染逻辑，用原生 <input> 手动监听 input 事件 + localStorage 存取 + 动态插入 <ul> 下拉层，且下拉容器必须挂到 document.body，否则会被 layui 表单的 overflow: hidden 裁掉。
为什么不能用 layui.form 渲染搜索输入框
一旦调用 form.render() 或把 <input> 写在 layui-form 容器里，Layui 会自动包裹一层 DOM、绑定内部事件流，并禁用原生 input 的部分行为（比如 input 事件冒泡被拦截、focusin 时机错乱）。结果就是：你监听不到实时输入、下拉建议无法精准定位、点击后 table.reload() 不触发校验或不更新 where 条件。
常见错误现象：
- 输入时下拉列表不出现，或只闪一下就消失
- 点击历史项后 input 值变了，但表格没刷新
- 同一页面多次
table.render()后，历史下拉重复叠加、事件重复绑定
如何存取带作用域的搜索历史
多个表格共用一个关键词搜索框时，历史记录必须隔离。不能用固定 key 如 'searchHistory'，否则 A 表格的历史会覆盖 B 表格的。
实操建议：
- key 名拼接作用域，例如：
searchHistory_userTable、searchHistory_orderList - 存入前先
JSON.parse(localStorage.getItem(key)) || []，再filter(item => item && item.trim())去空字符串和空白项 - 新记录用
unshift(val.trim())插入开头，再slice(0, 10)限制最多 10 条 - 读取时必须加
try...catch，因为用户手动清过localStorage会导致JSON.parse(null)报错
怎么渲染并准确定位下拉建议列表
下拉层不能插在 input 父容器里——Layui 表格、弹窗、Tab 面板普遍设了 overflow: hidden 或 position: relative，会把绝对定位的 <ul> 截断或错位。
正确做法是动态创建 <ul class="search-history-dropdown"> 并 document.body.append(ul)：
- 用
inputEl.getBoundingClientRect()获取 input 左上角坐标 -
top要加上window.scrollY，否则滚动后定位偏移 - 必设
z-index: 9999，否则压不过layui-layer或表格滚动条 - CSS 中加
position: absolute; max-height: 200px; overflow-y: auto;，不然长列表无法滚动 - 匹配逻辑用
item.toLowerCase().includes(val.toLowerCase())，大小写不敏感更符合用户直觉
点击历史项后如何真正触发搜索
只写 input.value = item 是不够的。Layui 的 form.verify、form.on('submit')、甚至 table.reload() 的条件合并逻辑，都依赖标准事件流。
必须补全两件事：
- 手动派发
inputEl.dispatchEvent(new Event('input', { bubbles: true })) - 再派发一次
inputEl.dispatchEvent(new Event('change', { bubbles: true })) -
table.reload()的where参数要合并而非覆盖，例如：where: Object.assign({}, currentWhere, { keyword: item }) - 失焦销毁下拉层要用
setTimeout(() => ul.remove(), 200)，否则点击建议项瞬间触发 blur，还没来得及响应 click 就被删了
最容易被忽略的是：每次 table.render() 或 table.reload() 前，必须先清理旧的下拉节点（document.querySelectorAll('.search-history-dropdown').forEach(el => el.remove())）并解绑旧事件——否则 history 下拉会越叠越多，点击行为随机失效。
