HTML oncopy Attribute

Definition and Usage

The oncopy attribute fires when the user copies the content of an element.

Tip: The oncopy attribute also fires when the user copies an element, for example, an image, created with the <img> element.

Tip: The oncopy attribute is mostly used on <input> elements with type="text".

Tip: There are three ways to copy an element/the content of an element:

  • Press CTRL + C
  • Select "Copy" from the Edit menu in your browser
  • Right click to display the context menu and select the "Copy" command

Applies to

The oncopy attribute is part of the Event Attributes, and can be used on any HTML elements.

Elements Event
All HTML elements oncopy

Examples

Input Example

Execute a JavaScript when copying some text of an <input> element:

<input type="text" oncopy="myFunction()" value="Try to copy this text">

P Example

Execute a JavaScript when copying some text of a <p> element:

<p oncopy="myFunction()">Try to copy this text</p>

Img Example

Execute a JavaScript when copying an image:

<img src="pi.jpg" oncopy="myFunction()">

Browser Support

Event Attribute          
oncopy Yes Yes Yes Yes Yes

Note: The oncopy attribute may not work as expected in some browsers when trying to copy an image (See example above).

Comments