function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).html()).select();
document.execCommand("copy");
$temp.remove();
}<div id="copyText" style="display:none"></div>
<div id="copyTextInput" onclick="copyToClipboard($('#copyTextInput').text())">hello!</div>
<script>
function copyToClipboard(text) {
var temp = $("<input>");
$("body").append(temp);
temp.val(text).select();
document.execCommand("copy");
temp.remove();
$("#copyText").css("display","block");
$("#copyText").html('text Copied!!!').fadeOut(2000);
}
</script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Copy to clipboard using jquery example - techsolutionstuff.cpm</title>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Success");
$("textarea").select();
document.execCommand('copy');
});
});
</script>
</head>
<body>
<h3>Copy To Clipboard JQuery Example - techsolutionstuff.com</h3>
<textarea id="comment" rows="5" cols="62"></textarea>
<p><button type="button">Copy To Clipboard</button></p>
<p><strong>Note:</strong> Type something in the textarea and click the button to see the output.</p>
</body>
</html>document.execCommand("copy");function copy(elem, type = 'input') {
let text = '';
//define the target text;
if (type === 'input')
text = $(elem).val();
else
text = $(elem).text();
//append input element to body to store target text
var temp = $("<input>");
$("body").append(temp);
temp.val(text).select(); //select text to make it able executable
document.execCommand("copy"); //run the copy command.
temp.remove(); // remove input element from DOM after Execute copy command.
// add effect to element to user notice copy execution.
let notify = $('<i class="fas fa-keyboard fa-2x text-info bg-light">Copied!!</i>');
$(elem).closest('div').find('.fas').prepend(notify);
notify.css('display', 'block')
notify.fadeOut(2000);
}