I'm trying to use 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>
But it is not working for me. Could you point at mistake? I cannot find proper examples because they are quite oudated.
If you can suggest any alternative to zeroclipboard I will consider it.
This works for me:
<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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With