js将内容复制到剪贴板

主要就是一个copy事件和一个剪贴板内容设置e.clipboardData.setData('text/plain', val);

<p>端午节快到了</p>
<button id="btn">点击复制</button>
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.addEventListener('click', copyContent);

function copyContent () {
  let val = document.querySelector("p").innerText; // 要复制的内容
  document.addEventListener('copy', save); // 监听浏览器copy事件
  document.execCommand('copy'); // 执行copy事件，这时监听函数会执行save函数。
  document.removeEventListener('copy', save); // 移除copy事件

  // 保存方法
  function save(e) {
    e.clipboardData.setData('text/plain', val); // 剪贴板内容设置
    e.preventDefault();
  }
}
</script>