Copy To Clipboard JQuery
Websolutionstuff | Aug-19-2020 | Categories : PHP jQuery
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:
- Read Also: How To Generate QR Code Using Javascript
- Read Also: How To Convert HTML To PDF using JavaScript
- Read Also: How to Convert Excel File into JSON in Javascript
- Read Also: How To Check Array Is Empty Or Null In Javascript
Recommended Post
Featured Post
How To Create React JS Applica...
In this article, we will see how to create React JS application. Creating React App is a comfortable envi...
Aug-10-2022
Multi Step Form Wizard jQuery...
In this article, we will see multi step form wizard jquery validation. Here, we will learn jquery validation for mu...
Jan-30-2023
Integrating ChatGPT with Node...
In a world where technology and human interaction blend seamlessly, artificial intelligence (AI) holds incredible potent...
Jul-17-2023
How to Deploy Laravel on Herok...
In this article, we will see how to deploy laravel on heroku with database. Heroku is a cloud platform as...
Feb-12-2021