Mouse cursor highighted data

Question

I wanna ask how to get strings data when I highlight the text by mouse. For example when I highlight some text on the website. I should get the text copied to my API automatically. I don't have time to copy-paste. I wanna do it automatically copy and paste when I highlight the text. I have basic knowledge of Js and php.

score 0 · Answer 1 · answered Oct 18 '21 at 06:29

There isn't any onhighlightext event function or anything like that, but a solution would be to bind the onmouseup event to check if any text is selected. See example for selecting highlighted text here: On Text Highlight Event?

Another part of your question is the copy to clipboard function. Here is a text copy example function, which works for my use cases:

  <html>
     <head>
     </head>
     <body>
         <button onclick="toClipboard('Some text!')">Copy me</button>
         <script>
         function toClipboard(str) {
             tc = document.createElement('textarea');
             tc.value = str;
             document.body.appendChild(tc);
             tc.select();
             document.execCommand('copy');
             document.body.removeChild(tc);
         };
         </script>
     </body>
 </html>

Mouse cursor highighted data

1 Answers1