Javascript- Oncopy Event Handler

The Oncopy event handler in Javascript is an event handler that is triggered when a user copies a piece of information. For example, if you put the oncopy event handler on a paragraph tag, if the user attempts to copy the paragraph, this event handler will be triggered.

The information will still be copied by the user, but with this event handler, the page can know when a user can copied something. And we can perform an action based on that.

A user can copy a piece of information either with his/her mouse or by pressing Ctrl + C.

In this code we will give 2 exaples.

The first example is a user copying the paragraph below that says, "When you copy this paragraph, you will get an alert box."

The second example is with an image. If the user copies the image, the alert tag will appear, "You just copied this image."

First Example

When you copy this paragraph, you will get an alert box.

The code to create the paragraph above with its oncopy event handler effect is shown below.

<p oncopy="window.alert('You just copied this paragraph');"> When you copy this paragraph, you will get an alert box.

So we have a paragraph and place in the oncopy function. Inside of htis function, we create a window alert box that says, "Just copied this paragraph. The paragraph, itself, says, "When you copy this paragraph, you will get an alert box".

Second Example

The second example shown below is with an image.

After a user copies the image, an alert box appears stating, "You just copied this image."

You can use this oncopy event handler according to your imagination, when you believe it would be necessary.

Related Resources

HTML Comment Box is loading comments...

Learning about Electronics

Javascript- Oncopy Event Handler

First Example

Second Example