Breaking News: Grepper is joining You.com. Read the official announcement!

how do i get a device to copy a text when an element is clicked using js

INNER EYE answered on October 13, 2023 Popularity 1/10 Helpfulness 1/10

answer how do i get a device to copy a text when an element is clicked using js

how do i get a device to copy a text when an element is clicked using js

Comment

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Copy Text Example</title>
</head>
<body>

  <p id="textToCopy">This is the text you want to copy.</p>
  <button id="copyButton">Copy Text</button>

  <script>
    document.getElementById('copyButton').addEventListener('click', function() {
      // Get the text to copy
      var textToCopy = document.getElementById('textToCopy').innerText;

      // Create a temporary element (input or textarea) to hold the text
      var tempInput = document.createElement('input');
      tempInput.value = textToCopy;
      document.body.appendChild(tempInput);

      // Select the text in the temporary element
      tempInput.select();
      tempInput.setSelectionRange(0, 99999); // For mobile devices

      // Copy the selected text to the clipboard
      document.execCommand('copy');

      // Remove the temporary element
      document.body.removeChild(tempInput);

      // Optionally, provide user feedback (e.g., alert or update a message)
      alert('Text copied to clipboard: ' + textToCopy);
    });
  </script>

</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: copy device element get javascript text using when

Link to this answer
Share Copy Link

Contributed on Oct 13 2023

INNER EYE

0 Answers Avg Quality 2/10

how do i get a device to copy a text when an element is clicked using js

Contents

More Related Answers

how do i get a device to copy a text when an element is clicked using js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.