Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How to implement Copy to Clipboard using javascript in Firefox

aditya.aery
aditya.aery
more options

Hello,

I am trying to implement "Copy to Clipboard" functionality in Mozilla Firefox 33.1. Simplest option is to use javascript window prompt

window.prompt("Copy to clipboard: Ctrl+C, Enter", "test");

But using this option, I can't avoid the unnecessary "Ok" and "Cancel" button in the prompt. Moreover, it opens a new tab to display the javascript prompt. I tried another way by using the following line of code in my <script> block

$('<input type="text">').appendTo('body').val("test val").select();

But it doesn't seem to work. Basically, I want to implement a popup from the same page (Spawn a text box, put the text in and select it so that the user can copy it with the platform specific key combination).

Can someone please help me to understand how I can achieve this in javascript? A working example in this regard will be very helpful.

Thanks Aditya Aery

Hello, I am trying to implement "Copy to Clipboard" functionality in Mozilla Firefox 33.1. Simplest option is to use javascript window prompt window.prompt("Copy to clipboard: Ctrl+C, Enter", "test"); But using this option, I can't avoid the unnecessary "Ok" and "Cancel" button in the prompt. Moreover, it opens a new tab to display the javascript prompt. I tried another way by using the following line of code in my <script> block $('<input type="text">').appendTo('body').val("test val").select(); But it doesn't seem to work. Basically, I want to implement a popup from the same page (Spawn a text box, put the text in and select it so that the user can copy it with the platform specific key combination). Can someone please help me to understand how I can achieve this in javascript? A working example in this regard will be very helpful. Thanks Aditya Aery

All Replies (4)

aditya.aery
aditya.aery Question owner
more options

I have uploaded an image with a possible implementation of what I am looking at. Any ideas along those lines will be very helpful.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues. You need to register at the mozillaZine forum site in order to post at that forum.

FredMcD
FredMcD
more options

Is this what you wanted, or something else?

RightToClick {web link} Stops javascript annoyances such as forbidden right click, forbidden text selection or cascading dialog boxes.

aditya.aery
aditya.aery Question owner
more options

Hello Fred,

No, not really. I am aware that "Copy to Clipboard" using javascript us not supported in Mozilla Firefox for security reasons. I wastrying to implement this "copy to clipboard" functionality in an alternate way. One possible way is to use jquery dialog and open a dialog box with link to object already selected.

Thanks Aditya Aery