如何将内容复制到剪贴板?

时间:2017-10-02 10:24:06

标签: javascript jquery html button copy

我知道如何复制输入的值,如下所示,但是当我尝试在段落中执行相同操作时 - 例如,它不起作用,请告诉我如何解决它?

$(function() {
  $('input').click(function() {
    $(this).focus().select();
    document.execCommand("copy");
  });

  $('p').click(function() {
    $(this).select();
    document.execCommand("copy");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' readonly value='click to copy me'>

<p>This is a pararaph</p>

1 个答案:

答案 0 :(得分:0)

这是一个解决该问题的简单脚本: http://id0t.x10.mx/dl/clipboard.js

查看脚本的源代码,获取有关如何使用它的教程。

我添加的功能是所有功能的真实参数。此参数指定是否应显示工具提示。

实施例

<button onclick="select_all_and_copy(document.querySelector('span'),true)">Click to copy the span!</button>

<span>Here's some text.</span>