Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | oncopy Attribute

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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

My Personal Notes arrow_drop_up
Last Updated : 18 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials