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:
HTML
<!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:
HTML
<!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 9
- Google Chrome 1
- Edge 12
- Firefox 22
- Opera 12.1
- Safari 3
Please Login to comment...