/Javascript/jQuery/Jquery copy to clipboard

Jquery copy to clipboard

Copy text to clipboard jquery

function copyToClipboard(element) {
 var $temp = $("<input>");
 $("body").append($temp);
 $temp.val($(element).html()).select();
 document.execCommand("copy");
 $temp.remove();
}

Javascript copy to clipboard

var copyTextarea = document.getElementById("someTextAreaToCopy");
copyTextarea.select(); //select the text area
document.execCommand("copy"); //copy to clipboard

Jquery copy to clipboard

document.execCommand("copy");

Copy text on button click in jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="p1">P1: I am paragraph 1</p>
<p id="p2">P2: I am a second paragraph</p>
<button onclick="copyToClipboard('#p1')">Copy P1</button>
<button onclick="copyToClipboard('#p2')">Copy P2</button>
<br/><br/><input type="text" placeholder="Paste here for test" />

Source: stackoverflow.com

Similar codes

6 votes353 views2 answers
React in jquery
Javascript jQuery
0 vote345 views1 answer
Uncaught TypeError: jQuery.browser is undefined
Javascript jQuery
1 vote357 views1 answer
Jquery select a dynamic element
Javascript jQuery
2 votes351 views2 answers
How to put html inside jquery text
Javascript jQuery
2 votes402 views2 answers
Jquery label with text
Javascript jQuery
0 vote341 views1 answer
Create a form and submit it dynamically jquery
Javascript jQuery
0 vote332 views1 answer
Reload table jquery
Javascript jQuery
0 vote319 views2 answers
How to append the dropdown values by jquery each function
Javascript jQuery
2 votes349 views1 answer
Enable/disable textbox on checkbox click using jquery
Javascript jQuery
4 votes337 views2 answers
Appending the option element using jquery each function
Javascript jQuery