Javascript 如何在JS中将文本从div复制到剪贴板

我正试着用它

但这对我不起作用。你能指出错误吗？我找不到合适的例子，因为它们太过时了

如果你可以推荐任何替代零弹力板的方法，我会考虑它。

< P>这对我来说是有效的：

<div id="first">1111111</div>
<div id="second">2222222222</div>

<button id="button1" data-clipboard-target="first">Copy from first div</button>
<button id="button2" data-clipboard-target="second">Copy from second div</button>

<script>
    var zeroClipboard = new ZeroClipboard();
    zeroClipboard.clip(document.querySelector("#button1"));
    zeroClipboard.clip(document.querySelector("#button2"));

    zeroClipboard.on('copy', function(event) {

    });
</script>

---

我没有使用它，如果你想，这里是一个没有zeroclipboard 2.2.0的代码

HTML

JS:

---

我认为，您需要输入/文本区域元素，我们可以在其中粘贴复制的文本。您正在使用div。请尝试用textboxHmm替换div，它似乎也适用于div。看它很长，滚动它

<div id="first">1111111</div>
<div id="second">2222222222</div>

<button id="button1" data-clipboard-target="first">Copy from first div</button>
<button id="button2" data-clipboard-target="second">Copy from second div</button>

<script>
    var zeroClipboard = new ZeroClipboard();
    zeroClipboard.clip(document.querySelector("#button1"));
    zeroClipboard.clip(document.querySelector("#button2"));

    zeroClipboard.on('copy', function(event) {

    });
</script>

<div id="first">1111111</div>
<div id="second">2222222222</div>


<button onclick="copyToClipboard('#first')">Copy from first div</button>
<button onclick="copyToClipboard('#second')">Copy from second div</button>

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