应使用layer.open的type:1页面层，内联或AJAX加载短语列表（ul>li结构），点击li通过$(this).text()获取内容，结合data-target属性精准填入指定input/textarea，关闭前手动赋值并处理光标聚焦。
如何用 Layui 的 layer.open 弹出短语选择面板
直接复用 layui 的弹层组件最省事，不用额外引入 ui 库。关键是把短语列表渲染成可点击的块级元素，点击后自动填入目标表单字段。
- 推荐用
layer.open的type: 1（页面层），内容用<div>内联写死或通过 AJAX 加载；避免用type: 2（iframe），跨域和 DOM 访问麻烦 - 短语列表建议用
<ul><li>结构，每项绑定click事件，用$(this).text()获取内容 - 关闭弹层前必须手动触发填值：先用
layer.close(layer.index)关闭，再用$("#target-input").val(phrase)赋值，不能依赖回调里的this指向——Layui 回调里this不一定指向触发元素
怎样让按钮点击后精准填入指定 textarea 或 input
多个表单共用同一套短语库时，“哪个按钮对应哪个输入框”必须显式绑定，不能靠 DOM 顺序或 class 猜测。
- 给按钮加
data-target属性，比如data-target="#remark"，JS 里用$(btn).data("target")读取 - 避免用
name或id直接拼接选择器，防止特殊字符（如[、]）导致 jQuery 选择失败；统一用data-属性更安全 - 如果目标是
textarea，注意光标位置：直接.val()会覆盖全部内容；如需追加，用el.val(el.val() + phrase)，但得先聚焦el.focus()否则 iOS 下可能不生效
短语数据从哪来？本地数组 vs 接口加载的取舍
短语数量少（
- 本地数组示例：
const phrases = ["已确认，稍后联系", "资料不全，请补充"];—— 无请求延迟，但改一次要发版 - 接口方式必须加 loading 状态：
layer.load(1)在$.get前调用，layer.closeLoad()在 success 回调里执行，否则用户点按钮没反馈容易重复点击 - 接口返回格式建议扁平数组：
["您好，请问有什么可以帮您？", "请提供截图以便核实"]，别套多层对象，前端解析成本低
为什么填完短语后光标总跑到开头？
这是 textarea 的默认行为：赋值后光标重置到起始位置。如果用户想在末尾追加短语，必须手动控制光标。
- 用原生
setSelectionRange最可靠：el.setSelectionRange(el.value.length, el.value.length) - jQuery 插件如
jquery-caret会增加体积，Layui 项目里没必要引入 - 注意兼容性：IE9+ 支持
setSelectionRange，移动端 Safari 和 Chrome 都没问题；但微信内置浏览器某些版本对focus()+setSelectionRange有延迟，可加setTimeout(..., 0)包一层
短语插入逻辑看着简单，真正上线时最容易卡在光标位置、多输入框绑定错位、以及接口加载失败没兜底这三处。尤其是微信环境，别信“本地测试 OK 就行”。
