javascript copy text from div to clipboard 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) {
/*
isEmpty = function (val) {
return (val === undefined || val == null || val.length <= 0) ? true : false;
};
*/
as_html = isEmpty(as_html) ? false : true;
//console.log('copyToClipboard: ' + container_id);
var elem = document.getElementById(container_id);
// create hidden text element, if it doesn't already exist
var targetId = "_hiddenCopyText_";
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
var origSelectionStart, origSelectionEnd;
if (isInput) {
// can just use the original source element for the selection and copy
target = elem;
origSelectionStart = elem.selectionStart;
origSelectionEnd = elem.selectionEnd;
//console.log ('_is_input = true');
} else {
// must use a temporary form element for the selection and copy
//console.log ('_is_input = false, creating a textarea = ' + targetId);
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);
}
// select the content
var currentFocus = document.activeElement;
target.focus();
target.setSelectionRange(0, content.length);
// copy the selection
var succeed;
try {
succeed = document.execCommand("copy");
} catch (e) {
succeed = false;
}
// restore original focus
if (currentFocus && typeof currentFocus.focus === "function") {
currentFocus.focus();
}
if (isInput) {
// restore prior selection
elem.setSelectionRange(origSelectionStart, origSelectionEnd);
} else {
// clear temporary content
$(target).text('');
}
return succeed;
}