必须用 data-target 显式绑定按钮与目标 textarea，避免 jquery 选择器错误；追加短语后需用 setselectionrange 将光标移至末尾，并确保 layer.open 使用 type:1 内联渲染。
点击按钮后往指定 textarea 插入短语，必须用 data-target 显式绑定目标
多个表单共用一套短语库时，按钮和输入框之间没有隐含关系。Layui 不会自动猜“这个按钮该填哪个框”，靠 class 名、DOM 顺序或 id 拼接都容易出错——尤其当 id 含 [ 或 ] 时，$("input[name='user[remark]']") 会报 jQuery 选择器语法错误。
正确做法是给按钮加 data-target 属性：
<button type="button" class="layui-btn layui-btn-primary short-phrase-btn" data-target="#remark">已确认，稍后联系</button> <textarea id="remark" class="layui-textarea"></textarea>
JS 中统一读取并赋值：
- 用
$(btn).data("target")获取目标选择器，安全可靠 - 目标是
textarea时，别直接.val(phrase)覆盖全部内容；如需追加，用el.val(el.val() + phrase) - 追加后必须调
el.focus()，否则 iOS 和微信内置浏览器里光标不会自动落到末尾
插入后光标总跳到开头？得手动 setSelectionRange
只要执行了 .val()，所有浏览器都会把光标重置到起始位置。用户想在末尾追加短语，却要手动拖到最右再输，体验极差。
解决方法是用原生 setSelectionRange 把光标强行移到末尾：
const el = $(target).get(0); el.focus(); el.setSelectionRange(el.value.length, el.value.length);
注意两点：
- 别用 jQuery 的
.focus()配合插件（如jquery-caret），Layui 项目里没必要引入额外体积 - 微信某些版本对
focus()+setSelectionRange有延迟，可包一层setTimeout(() => { ... }, 0)
短语列表用内联 ul 还是接口加载？看更新频率
短语是否常变，决定加载方式：
- 本地数组（如
const phrases = ["资料不全，请补充", "已提交，等待审核"]）：适合固定话术，无请求延迟，但改一次就得发版 - 接口加载（如
$.get("/api/phrases", ...)）：适合运营可配置的场景，但必须加 loading：layer.load(1)在请求前，layer.closeLoad()在 success 回调里，否则用户点不动、易重复提交 - 接口返回格式务必扁平：
["您好", "请提供截图"]，别套{data: [...]}，前端解析成本低且不易出错
layer.open 弹层类型必须选 type:1，别碰 type:2
用 layer.open({type: 2, content: "xxx.html"}) 看似简单，实际踩坑密集：
- 跨域 iframe 下无法访问父页面 DOM，
$("#remark").val(...)直接报错 - 同域下也得绕一层
window.parent，代码冗长且易被 iframe 沙箱策略拦截 - 弹层关闭逻辑、按钮绑定、事件委托都更复杂，远不如 type:1 内联渲染干净
推荐写法：
layer.open({
type: 1,
title: '常用短语',
content: '
- 已确认，稍后联系
- 资料不全，请补充
然后在弹层内绑定 click：
$(document).on('click', '.phrase-list li', function() {
const phrase = $(this).text();
const target = $(this).closest('.layui-layer').find('.short-phrase-btn').data('target');
const el = $(target).get(0);
el.value += phrase;
el.focus();
el.setSelectionRange(el.value.length, el.value.length);
layer.closeAll();
});
真正上线时最容易卡在三处：光标没落到末尾、data-target 绑定错位导致填进错误输入框、接口加载失败时没 fallback 提示。这三处不验证，用户第一反馈就是“点了没反应”。
