Question

我正在尝试使用zeroclipboard 2.2.0。

<!DOCTYPE html>
<html>
<head lang="en">
    <script src="bower_components/zeroclipboard/dist/ZeroClipboard.js"></script>
</head>
<body>

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

<button id="d_clip_button" class="my_clip_button" data-clipboard-target="first">Copy from first div</button>
<button data-clipboard-target="second">Copy from second div</button>
</body>
</html>

但它不适合我。你能指出错误吗？我找不到合适的例子，因为它们非常适合。

如果您可以建议任何替代zeroclipboard，我会考虑它。

Answer 1

这对我有用：

<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>

Answer 2

我没有使用它，如果你愿意，这里有一个没有zeroclipboard 2.2.0的代码。

<强> HTML

<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>

<强> JS：

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

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

2 个答案: