Using the Clipboard API - Throws error "is not defined"

Question

So as has been encountered/asked before I'm trying to make a copy function that works on non-flash devices.

This has led me to the Clipboard API.
But I can't seem to get it working properly, this is what I have so far:

$(function () {
    $(document).on( 'click', '.copy-btn', function (e) {
        var data = 'This has been copied';

        var clip = new ClipboardEvent( 'copy' );
        clip.clipboardData.setData( 'text/plain', data );
        clip.preventDefault();

        e.target.dispatchEvent( clip );
    });
});

The code is quite self-explanatory, on a click of the button it should copy "This has been copied" to the clipboard. Upon trying to do so I get:
"Uncaught ReferenceError: ClipboardEvent is not defined". What am I missing? Shouldn't this be "built in" or is there a need to call the API in anyway?
Also stumbled upon this which gives the same error.

This seems to be a simple misstake, or is the API currently not working?

I've tried with IE 10 and Chrome v34, but end goal is getting it to work on mobile browsers — Selo, Apr 23 '14 at 08:03
@user3088863: Neither of those supports the `ClipboardEvent` constructor. — T.J. Crowder, Apr 23 '14 at 08:03

score 2 · Accepted Answer · answered Apr 23 '14 at 08:02

2

To date, only Firefox supports the ClipboardEvent constructor; support info.

answered Apr 23 '14 at 08:02

T.J. Crowder

1,031,962
187
1,923
1,875

1

Even better, iOS doesn't support the clipboard api _at all_. – Cerbrus Apr 23 '14 at 08:03
@Cerbrus: According to caniuse (the link above), iOS Safari 5.0 and up have some level of support, just not the `ClipboardEvent` constructor. – T.J. Crowder Apr 23 '14 at 08:04
Oh wait, that's Opera mini I was looking at, derp. – Cerbrus Apr 23 '14 at 08:05
Oh, thought the partial support would include the copy functionallity as it seemed pretty basic. But now I see that android doesnt support it either so that's that idea in the bin ;) Thanks – Selo Apr 23 '14 at 08:09
1

Is it possible to use it without the constructor? – Kim Honoridez Feb 11 '15 at 07:36

Using the Clipboard API - Throws error "is not defined"

1 Answers1