How to copy text to the client's clipboard using jQuery?

Question

The workflow is simple:

You click inside a textarea.
The text is copied to the client's clipboard.
Display notice to the user.

How do you do it?

From what I understand, you can not access the clipboard without user action. The javascript clipboard functionality has been disabled in most current browsers as it is a possible security risk. You can use some of the dynamic flash overlay type stuff like zeroclipboard but can be kinda complicated and not always stable. I developed a flash element that you might want to look at http://text2clipboard.com, sorry about the plug but it works and I included helpful relevant info. — RandyMorris, Jul 30 '11 at 06:30

score 33 · Answer 1 · edited Jun 27 '13 at 10:05

33

Copying to the clipboard is a tricky task to do in Javascript in terms of browser compatibility. The best way to do it is using a small flash. It will work on every browser. You can check it in this article.

Here's how to do it for Internet Explorer:

function copy (str)
{
    //for IE ONLY!
    window.clipboardData.setData('Text',str);
}

edited Jun 27 '13 at 10:05

Hasturkun

35,395
6
71
104

answered Oct 08 '09 at 19:07

halocursed

2,451
5
27
34

6

Is there one for firefox as well? – joedborg Nov 16 '11 at 16:29
try this code https://stackoverflow.com/a/65474415/5295519 – Vajiheh Habibi Dec 28 '20 at 08:31

How to copy text to the client's clipboard using jQuery?

1 Answers1

Linked

Related