Skip to content
Related Articles

Related Articles

HTML | oncopy Attribute

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 18 Aug, 2022
View Discussion
Improve Article
Save 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
Recommended Articles
Page :

Start Your Coding Journey Now!