JS实现复制功能

111 阅读1分钟

原生js实现复制功能

原生JS,先使用 `select()` 选中输入框文本,然后使用 `document.execCommand("Copy")`复制到剪贴板

注意事项

  • select() 方法只对 <input> 和 <textarea> 有效
  • 输入框不能有disabled属性
  • 输入框不能有hidden属性
  • 输入框的 width 和 height 不能为0

代码实现

    <input id="copyInput" type="text" value="需要复制的文本" />
const ele = document.getElementById("copyInput");
ele.select();
const c = document.execCommand("Copy");
if(c) {
    alert("复制成功!");
}else {
    alert("复制失败,请手动复制");
}