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="w3schools.gif" 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).