不用 document.execCommand，应优先用 navigator.clipboard.writeText；需确保 HTTPS/localhost 环境，同步取值（如 document.getElementById('id').value），并做好兼容降级与错误处理。
点击按钮复制 input 值要用 document.execCommand 吗？
不用。这个 api 已被弃用，layui 项目里强行用它会在 chrome 90+ 报 document.execcommand is deprecated 警告，且在部分新版 edge/firefox 中直接失效。现代做法是走 navigator.clipboard.writetext，但要注意权限和兼容性。
实操建议：
- 必须确保页面是 HTTPS 或 localhost 环境，否则
navigator.clipboard会抛SecurityError - Layui 的
input元素通常带lay-key或id，优先用id获取值，避免因表单重渲染导致lay-key匹配错位 - 不要在
click回调里异步取值（比如等layui.form.on('submit')），复制动作要同步触发
Layui 中绑定按钮点击并读取 input 值的典型写法
关键不是“怎么绑事件”，而是“怎么安全取到当前 input 的最新值”。Layui 不会劫持原生 value 属性，所以直接 document.getElementById('myInput').value 是最稳的。
示例（HTML + JS）：
<input type="text" id="copyTarget" value="Hello Layui"><button class="layui-btn" id="copyBtn">复制</button>
<script>
document.getElementById('copyBtn').addEventListener('click', function() {
const input = document.getElementById('copyTarget');
const text = input.value.trim();
if (!text) return;
navigator.clipboard.writeText(text)
.then(() => console.log('已复制'))
.catch(err => console.error('复制失败:', err));
});
</script>
注意点：
- 别用
layui.jquery的.val()取值——除非你确认该 input 已被form.render()过，否则可能拿到旧值 - 如果 input 是动态生成（比如表格行内编辑），确保
getElementById在 DOM 存在后再执行，或用事件委托 -
writeText返回 Promise，务必加catch，否则静默失败（用户点完没反应，以为功能坏了）
兼容老浏览器（IE11 / 低版本 Edge）怎么办？
IE11 完全不支持 navigator.clipboard，只能回退到 document.execCommand('copy')，但必须配合 <textarea></textarea> 临时聚焦才能生效。
实操建议：
- 先检测 API 支持：
if (navigator.clipboard)再走新方案，否则走降级路径 - 降级时不要操作原 input，而是创建一个隐藏
<textarea></textarea>，设value、select()、再execCommand('copy') - 记得
remove()临时 textarea，否则内存泄漏（尤其在高频点击场景下） - 不推荐用第三方库（如 clipboard.js），Layui 项目通常轻量，手动封装 20 行足矣
为什么有时点按钮没反应，控制台也没报错？
大概率是权限或上下文问题：Chrome 要求复制操作必须由用户手势（如 click）直接触发，不能包在 setTimeout、Promise.then 或自定义事件里。
常见踩坑点：
- 给按钮加了
lay-submit，结果点击触发了 form 提交并刷新页面，复制逻辑根本没执行 - 用了
layer.open弹窗里的按钮，但弹窗 DOM 是异步插入的，事件绑定太早，getElementById返回 null - input 值含换行或特殊符号（如 \u200E 零宽字符），
writeText不报错但粘贴出来异常，建议先String(text).replace(/\u200e/g, '')清理 - 移动端 Safari 对
navigator.clipboard权限更敏感，某些 iOS 版本需手动开启「允许网站访问剪贴板」
真正麻烦的从来不是“怎么复制”，而是“怎么让复制在所有真实环境里都刚好发生一次，且用户能感知成功”。边界情况比想象中多，尤其当 input 和按钮不在同一 DOM 层级、或值来自异步接口时。
