make something copy to clipboard when click code example
Example 1: javascript text to clipboard
function copyToClipboard(text) {
const elem = document.createElement('textarea');
elem.value = text;
document.body.appendChild(elem);
elem.select();
document.execCommand('copy');
document.body.removeChild(elem);
}
Example 2: How to copy text from a div to clipboard
function (container_id, as_html) {
as_html = isEmpty(as_html) ? false : true;
var elem = document.getElementById(container_id);
var targetId = "_hiddenCopyText_";
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
var origSelectionStart, origSelectionEnd;
if (isInput) {
target = elem;
origSelectionStart = elem.selectionStart;
origSelectionEnd = elem.selectionEnd;
} else {
target = document.getElementById(targetId);
if (!target) {
var target = document.createElement("textarea");
target.style.position = "absolute";
target.style.left = "-9999px";
target.style.top = "0";
target.id = targetId;
document.body.appendChild(target);
}
var content = $.trim(as_html ? $(elem).html() : $(elem).text());
$(target).text( content);
console.log ('text_content', content);
}
var currentFocus = document.activeElement;
target.focus();
target.setSelectionRange(0, content.length);
var succeed;
try {
succeed = document.execCommand("copy");
} catch (e) {
succeed = false;
}
if (currentFocus && typeof currentFocus.focus === "function") {
currentFocus.focus();
}
if (isInput) {
elem.setSelectionRange(origSelectionStart, origSelectionEnd);
} else {
$(target).text('');
}
return succeed;
}