Home >>Javascript Programs >How to copy text to clipboard with JavaScript

How to copy text to clipboard with JavaScript

In this article, we will learn how to copy text to clipboard by using JavaScript. Copying content text is one of the quite often in modern website building. It saves the time of visitors by selecting text or hitting ctrl+ c every time for selecting text. User can easily copy some text to clipboard without selecting text.

Let's take an example:

<!DOCTYPE HTML> 
<html> 
	<head> 
		<title> 
			copy text to clipboard with JavaScript 
		</title> 
	</head> 
	<body> 
<!-- The text field -->
<input type="text" value="Welcome to Phptpoint" id="myInput">
<!-- The button used to copy the text -->
<button onclick="myCopy()">Copy text</button>
<script>
function myCopy() {
  /* Get the text field */
  var copyText = document.getElementById("myInput");

  /* Select the text field */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /*For mobile devices*/

  /* Copy the text inside the text field */
  document.execCommand("copy");
}
</script>
	</body> 
</html>

Output

« Previous Next »

Javascript Programs JavaScript code to check number is Perfect or not JavaScript code to check number is Armstrong or not JavaScript code to check whether a Number is Prime or Not JavaScript code to find largest of three numbers Check number is palindrome or not in JavaScript How to build a calculator using JavaScript Disable right click on webpage with JavaScript Print a fibonacci series in JavaScript How to copy text to clipboard with JavaScript How to Get browser details through JavaScript Create a forward and back buttons in JavaScript How to Get the size of a file with JavaScript How to find absolute value of a number in JavaScript Create functions with default arguments in JavaScript Find the larger of two numbers in JavaScript Count occurrence of a particular character in a string in JavaScript Get current date, month and year in JavaScript How to parse number from string in JavaScript Reverse an array in JavaScript Dynamically add CSS class with JavaScript How to get the extension of a file using JavaScript Generate random number within a range in JavaScript Display Input Text into Lowercase using JavaScript Check/Uncheck all Checkboxes on Button Click using JavaScript Convert a number into different base in JavaScript Print value of all checked (selected) Checkboxes on Button click using JavaScript

No Sidebar ads