使用原生API

方式一：document.execCommand（即将废弃）

• 说明：document.execCommand是一个较旧的方法，它支持复制（copy）、剪切（cut）和粘贴（paste）操作，虽然使用起来非常方便且兼容性较好，但是已被标记为即将废弃，因此建议谨慎使用

• 代码示例

  const usernameInput = document.querySelector('#username-input');
  usernameInput.select();
  document.execCommand('copy');

方式二：Clipboard API

• 说明：Clipboard API是一个较新的API，这个API位于navigator对象下

• 可用方法

  • read()：从剪贴板读取数据，返回一个Promise对象
  • readText()：从剪贴板读取文本，返回一个包含文本数据的Promise对象
  • write()：将任意数据写入剪贴板，返回一个Promise对象
  • writeText()：将文本写入剪贴板，返回一个Promise对象

• 代码示例

  navigator.clipboard.writeText("要复制的文本").then(() => {
      console.log("复制文本成功");
  }, () => {
      console.log("复制文本失败");
  });

使用第三方库

clipboard.js库

• 官方地址：clipboard.js 中文网