How do I set Data on a Javascript Clipboard?

Asked Nov 23 '16 at 21:08

Active Nov 23 '16 at 21:08

Viewed 3,050 times

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIClipboard

When I listen to a paste event in javascript, I am able to get paste data out of the clipboards as a string like so:

let pastedText: string = e.clipboardData.getData('Text');

or like so for those not using typescript:

var pastedText = e.clipboardData.getData('Text');

I am trying to re-send this event with edited clipboard data. I can re-issue the event, but I am having trouble using clipboard's setData method. I am trying this (documentation):

 e.clipboardData.setData('Text', 'lolData');

but when I run:

  console.log('NEW CLIPBOARD DATA: ');
  console.log(e.clipboardData.getData('Text'));

Nothing is printed. I don't really understand what I am doing with trying to set on the event, but it seems to make sense, since I am getting it from the event object.

asked Nov 23 '16 at 21:08

VSO

11,546
25
99
187

Browser? did u read the restrictions? – Legends Nov 23 '16 at 21:12
Latest Chrome. I did not read the restrictions. – VSO Nov 23 '16 at 21:13
1

This is what they say (dont know if this is up to date)In Firefox, Opera, Google Chrome and Safari, use the execCommand method with the 'Paste' command to retrieve and with the 'Copy' command to set the text content of the clipboard. Because of security restrictions, this method may not always work, see Example 2 for details. – Legends Nov 23 '16 at 21:15
I see it now, thanks. Fun. – VSO Nov 23 '16 at 21:21
1

[link](http://stackoverflow.com/a/36380702/2581562) – Legends Nov 23 '16 at 21:26
or if u need to use it all over ur site https://clipboardjs.com/ It's cross-browser... – Legends Nov 23 '16 at 21:34
That helps. thanks. – VSO Nov 23 '16 at 22:27

How do I set Data on a Javascript Clipboard?

0 Answers0