至少有一种方法可以在不使用 Flash 的情况下实现这一点：使用copy. 此命令会将执行时在页面上选择的文本复制到剪贴板。

所以你可以创建一个小函数：

1. 创建一个临时文本字段（不可见）。
2. 将要复制的元素的内容分配给文本字段的值。
3. 选择文本字段的内容。
4. 运行副本： command document.execCommand("copy")。
5. 销毁/清除临时字段。

然后所选项目的内容将在剪贴板上。代码将是这样的：

function copiarAlPortapapeles(id_elemento) {

  // Crea un campo de texto "oculto"
  var aux = document.createElement("input");

  // Asigna el contenido del elemento especificado al valor del campo
  aux.setAttribute("value", document.getElementById(id_elemento).innerHTML);

  // Añade el campo a la página
  document.body.appendChild(aux);

  // Selecciona el contenido del campo
  aux.select();

  // Copia el texto seleccionado
  document.execCommand("copy");

  // Elimina el campo de la página
  document.body.removeChild(aux);

}

此解决方案的主要问题是并非所有浏览器都支持此命令，尽管它可以在以下主要浏览器中使用：

• 铬 43
• 互联网浏览器 10
• 火狐 41

代码的工作演示：

function copiarAlPortapapeles(id_elemento) {
  var aux = document.createElement("input");
  aux.setAttribute("value", document.getElementById(id_elemento).innerHTML);
  document.body.appendChild(aux);
  aux.select();
  document.execCommand("copy");
  document.body.removeChild(aux);
}

<p id="p1">P1: Soy el primer párrafo</p>
<p id="p2">P2: Soy el segundo párrafo</p>
<button onclick="copiarAlPortapapeles('p1')">Copiar P1</button>
<button onclick="copiarAlPortapapeles('p2')">Copiar P2</button>
<br/><br/>
<input type="text" placeholder="Pega aquí para probar" />

也可以使用 jQuery 创建等效版本：

function copyToClipboard(elemento) {
  var $temp = $("<input>")
  $("body").append($temp);
  $temp.val($(elemento).text()).select();
  document.execCommand("copy");
  $temp.remove();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="p1">P1: Soy el primer párrafo</p>
<p id="p2">P2: Soy el segundo párrafo</p>
<button onclick="copyToClipboard('#p1')">Copiar P1</button>
<button onclick="copyToClipboard('#p2')">Copiar P2</button>
<br/>
<br/>
<input type="text" placeholder="Pega aquí para probar" />

它的工作原理与上面的示例类似，尽管在 Safari for Mac 和 Chrome 64 位中报告了一些错误（有关更多详细信息，请参阅原始源链接中的评论）。

资料来源：StackOverflow 网站上的原始答案。

扩展：复制保留样式

在另一个关于 StackOverflow 的西班牙语问题中，一位用户评论说文本的格式/样式没有被复制。这是因为在上面的代码中它用于input text复制元素的内容，因此 HTML 代码是“丢失”的（它被解释为字面意思而不是 HTML）。如果input我们不使用div可编辑的，则格式不会丢失，并且可以使用样式复制/粘贴：

function ejecutar(idelemento){
  var aux = document.createElement("div");
  aux.setAttribute("contentEditable", true);
  aux.innerHTML = document.getElementById(idelemento).innerHTML;
  aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); 
  document.body.appendChild(aux);
  aux.focus();
  document.execCommand("copy");
  document.body.removeChild(aux);
}

#destino {
  width:400px;
  height:100px;
  border:1px solid #ccc;
}

<p id="demo"><b>Caso con formato.</b></p>
<button onclick="ejecutar('demo')">Copiar</button> 
<br/>
<div id="destino" contentEditable="true">
</div>

为了补充您可以查看clipboard.js库，正如@Alvaro 提到的那样，它使用了execCommand所以根据库页面它说它适用于 Chrome 42+、Firefox 41+、IE 9+ 和 Opera 29 +。

它不适用于 Safari，但是当您在 iPad 上尝试时，它会从中选择文本，input同时向您显示复制它的本机选项。

不同之处在于易用性，因为您只需花费很少的时间和精力就可以复制您想要的内容，以下代码复制 a 的内容input，但您也可以复制/剪切另一个元素（按钮、div 等）的内容. ).

var clipboard = new Clipboard('.btn');

<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/v1.5.3/dist/clipboard.min.js"></script>
<!-- Objetivo -->
<input id="foo" value="Texto a copiar">

<!-- Disparador -->
<button class="btn" data-clipboard-target="#foo">
  Copiar al portapapeles
</button>

它将与上面的其他人相同，但不是输入文本区域，因此如果您有不止一行，缩进会尊重您

function copiarAlPortapapeles(id_elemento) {

  // Crea un campo de texto "oculto", este por un textarea

  var aux = document.createElement("textarea");

  // Asigna el contenido del elemento especificado al valor del campo
  // este para vaciar el contenido

  aux.innerHTML = document.getElementById(id_elemento).innerHTML

  // Añade el campo a la página
  document.body.appendChild(aux);

  // Selecciona el contenido del campo
  aux.select();

  // Copia el texto seleccionado
  document.execCommand("copy");

  // Elimina el campo de la página
  document.body.removeChild(aux);

}

您好，我想知道是否可以封装想要复制的内容。

function copyToClipboard(elemento) {
  var $temp = $("<input>")
  $("body").append($temp);
  $temp.val($(elemento).text()).select();
  document.execCommand("copy");
  $temp.remove();
}

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="p1">
    <p>Soy el primer párrafo</p>
    <p>Soy el segundo párrafo</p>
    <div>tag,tag,tag,tag</div>
</div>

    <button onclick="copyToClipboard('#p1')">Copiar P1</button>
 
    <br/>
    <br/>
    <input type="text" placeholder="Pega aquí para probar" />