基于javascript实现的复制文本文字到剪贴板

使用方法

let createCopy = function(textToCopy, triggerElementId, callback = null) {
  //将事件列表器添加到elementtrigger
  let trigger = document.getElementById(triggerElementId);
  trigger.addEventListener("click", function() {
    //创建包含文本的只读文本区域并将其隐藏
    let tarea = document.createElement("textarea");
    tarea.setAttribute("id", triggerElementId + "-copyarea");
    tarea.setAttribute("readonly", "readonly");
    tarea.setAttribute(
      "style",
      "opacity: 0; position: absolute; z-index: -1; top: 0; left: -9999px;"
    );
    tarea.appendChild(document.createTextNode(textToCopy));
    document.body.appendChild(tarea);

    //选择并复制只读文本区域中的文本
    tarea.select();
    document.execCommand("copy");

    //从DOM中删除元素
    document.body.removeChild(tarea);

    //fire回调功能
    if (typeof callback === "function" && callback()) {
      callback();
    }
  });
};

//使用示例
createCopy('这是要复制的文本文字示例', 'elementId', function () {
    alert('已成功复制！');
});