how to copy selected text to the clipboard using javascript

Question

i'm using a simple code to select all text inside textarea but i want the button to copy the text into the clipboard instead of using right click or Ctrl+c. here's the select code:

<form>
<textarea name='text_area' rows=1 cols=20 >large/<?php echo $row['Img_Name']; ?> 
</textarea> 
<input type='button' value='select path' onClick='javascript:this.form.text_area.focus(); this.form.text_area.select();'>
</form></div>

many websites add buttons to copy code or text just open this page and click share on the video and choose embed you'll get a copy button without the need to select the text or add the website to the white list http://techcrunch.com/2014/03/13/zuckerberg-called-obama-to-express-frustration-over-new-nsa-revelations/?source=gravity

This was discussed here: stackoverflow.com/questions/400212/… — SalkinD
– SalkinD, Commented Mar 16, 2014 at 11:29

Matthias Schmidt · Accepted Answer · 2014-03-16 14:30:15Z

1

mozilla, like most other browsers doesn't let js manipulate the clipboard, unless the user set your website on a whitelist.

http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard

in response to your edited question: the video uses flash to copy to clipboard. There are several librarys that do so using hidden Flash content, for example ZeroClipboard

edited Mar 16, 2014 at 14:30

answered Mar 16, 2014 at 11:35

Matthias Schmidt

6262 gold badges12 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to copy selected text to the clipboard using javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related