In this article, we will see how to copy to clipboard jQuery. we will learn how to copy text from textarea using javascript. many times we have requirement to copy the text value from one field to another field like the current address and permanent address are the same in this criteria copy to the clipboard is useful to save our time.
So, let's see jquery copy to clipboard example or copy textarea to the clipboard using javascript.
So, here I will give you some pieces of code on how to copy to the clipboard using jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Copy To Clipboard Using JQuery-websolutionstuff.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>
<textarea id="comment" rows="5" cols="50"></textarea>
<p><button type="button">Get Value</button></p>
<p><strong>Note:</strong> Type something in the textarea and click the button to see the output.</p>
</body>
</html>
You might also like:
Welcome web development enthusiasts! Here, we are going to talk about the much-awaited PHP 8.3. It is packed with a m...
Jan-12-2023
In this article, we will show you how to create a dynamic bar chart in laravel. charts are used to represent data i...
Jul-01-2020
In this article, we will show how to check whether the email already exists or not in laravel. Also, we will check...
Aug-07-2020
In this article, we will see how to crop images before uploading using the croppie plugin. any times we have requir...
Aug-15-2020