Copy Image to Clipboard from Browser in Javascript?

by

The last answer is from 2010 and browsers have changed a lot since then.
With this simple function, you can copy whatever you want (text, images, tables, etc) (on your page) to the clipboard.
The function receives the element id or the element itself.

function copyElementToClipboard(element) {
  window.getSelection().removeAllRanges();
  let range = document.createRange();
  range.selectNode(typeof element === 'string' ? document.getElementById(elementName) : element);
  window.getSelection().addRange(range);
  document.execCommand('copy');
  window.getSelection().removeAllRanges();
 }

More Related Contents:

  1. How to copy text to the client’s clipboard using jQuery? [duplicate]
  2. Browser/HTML Force download of image from src=”data:image/jpeg;base64…”
  3. Browsers, time zones, Chrome 67 Error (historic timezone changes)
  4. Render HTML to an image
  5. How to programmatically empty browser cache?
  6. How do I uniquely identify computers visiting my web site?
  7. What are the current cookie limits in modern browsers?
  8. Waiting for image to load in JavaScript
  9. Copy to clipboard using Javascript in iOS
  10. Can I get image from canvas element and use it in img src tag?
  11. Get all user defined window properties?
  12. Jquery Change Height based on Browser Size/Resize
  13. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  14. How do image preloaders work?
  15. How can I detect browser type using jQuery?
  16. Execute function before refresh
  17. Copy to clipboard without Flash
  18. How to set the image quality while converting a canvas with the “toDataURL” method?
  19. Is it possible to programmatically catch all events on the page in the browser?
  20. Usage of Hash(#) in URL
  21. Javascript : get src and set as variable?
  22. The javascript “resizeTo” function not working in Chrome and Opera
  23. Open Gmail on mailto: action
  24. Using image.complete to find if image is cached on chrome?
  25. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  26. How to bind img src to data in Vue
  27. Could a website force the browser to go into fullscreen mode?
  28. How to get HTTP status code of tags
  29. canvas- Cropping images in different shapes
  30. Compare two Images in JavaScript

Leave a Comment