HTML | oncopy Attribute
This attribute fires when the user copied the content present in an element. The oncopy attribute is used with <img>, <input>, <p> etc elements.
Syntax:
<element oncopy = "script">
Attribute: This attribute accept single value script to be run when oncopy call.
Note:There are 3 ways to copy the content of an elements:
- Press CTRL + C to copy an element.
- Select “Copy” from the edit menu.
- Right click to display the context menu and select the “Copy” command
Example 1:
<!DOCTYPE html><html> <head> <title>oncopy attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>oncopy attribute</h2> <input type="text" oncopy="Geeks()" value="GeeksForGeeks"> <p id="sudo"></p> <script> function Geeks() { document.getElementById("sudo").innerHTML = "Copied box content" } </script> </body></html> |
Output:
Example 2:
<!DOCTYPE html><html> <head> <title>oncopy attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>oncopy attribute</h2> <p oncopy="Geeks()">GeeksforGeeks: A computer science portal for Geeks</p> <p id="sudo"></p> <script> function Geeks() { document.getElementById("sudo").innerHTML = "Copied Text" } </script> </body></html> |
Output:
Supported Browsers: The browser supported by oncopy Event Attribute are listed below:
- Internet Explorer
- Google Chrome
- Firefox
- Opera
- Safari
.png)
