js点击按钮复制已经存在的table

在JavaScript中，你可以通过监听按钮的`click`事件，并结合DOM操作来实现在用户点击按钮时复制已存在的表格。下面是一个简单的示例：

// 获取需要复制的table元素
const sourceTable = document.getElementById('source-table');

// 创建一个新的隐藏的table用于存放复制的内容
const hiddenCopyTable = new TableClone(sourceTable); // 假设有一个TableClone构造函数用于克隆表格

// 定义点击按钮的处理函数
function copyTableOnClick() {
  // 将源表的数据复制到隐藏的副本表中
  hiddenCopyTable.copy();

  // 将副本表的内容设置为剪贴板内容
  navigator.clipboard.writeText(hiddenCopyTable.outerHTML);

  // 可选：显示成功提示信息或者更新按钮状态
  alert("表格已复制到剪贴板");
}

// 给按钮添加 click 事件监听器
const copyButton = document.getElementById('copy-button');
copyButton.addEventListener('click', copyTableOnClick);

在这个例子中，假设你已经有了一个名为`source-table`的id的table，以及一个名为`copy-button`的id的按钮。当用户点击这个按钮时，会先复制`sourceTable`的内容到一个新的隐藏table（这里假设`TableClone`是一个能完成克隆并提供外层HTML字符串的自定义函数），然后将复制后的数据放入剪贴板。