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">
Try it Yourself »
P Example
Execute a JavaScript when copying some text of a <p> element:
<p oncopy="myFunction()">Try to copy this text</p>
Try it Yourself »
Img Example
Execute a JavaScript when copying an image:
<img src="w3schools.gif" oncopy="myFunction()">
Try it Yourself »
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).
