Awesome
Copy to clipboard
https://cdn.jsdelivr.net/gh/hchiam/clipboard@main/copyToClipboard.js
or:
https://cdn.jsdelivr.net/gh/hchiam/clipboard@4.2.2/copyToClipboard.js
<script
src="https://cdn.jsdelivr.net/gh/hchiam/clipboard@4.2.2/copyToClipboard.js"
integrity="sha384-kTmfQ7wwfsEzNeNZribBUcU8jR901xfR3G7KJ6O8hsP0yBV6beN6lxMlfNu4EWiL"
crossorigin="anonymous"
></script>
Example usage:
or
See demo.html
or
<pre onclick="handleClick(this.innerText)">some code or text to be copied</pre>
<script type="text/javascript">
function handleClick(text) {
copyToClipboard(text, function () {
alert("Copied code to clipboard!");
});
}
</script>
or:
var parentElement = document.querySelector("#container");
var text = `body:before {
z-index: 9001;
}`;
var callback = function () {
alert("Copied code to clipboard!");
};
createElementToClickToCopyToClipboard(parentElement, text, callback);
or:
var selectorString = "#container";
var text = `body:before {
z-index: 9001;
}`;
var callback = function () {
alert("Copied code to clipboard!");
};
createElementToClickToCopyToClipboard(selectorString, text, callback);
or simply:
// text can be automatically pulled from the parentElement:
var parentElement = document.querySelector("#container");
createElementToClickToCopyToClipboard(parentElement, function (code) {
alert("Copied code to clipboard! \n\n" + text);
});