Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | onpaste Event Attribute

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 18 Aug, 2022
Improve Article
Save Article

The onpaste attribute works when some content are paste in an element. This event attribute is supported by all HTML elements. It is mostly used with <input> element.
There are three ways to paste the content in an HTML elements which are listed below: 

  • Use CTRL + V key
  • Select “Paste” from the edit menu in browser.
  • select the “Paste” command from right click menu

Supported Tags: It supports all HTML elements. 

Syntax: 

<element onpaste = "script">

Attribute Value: The script event run when onpaste attribute is called.
Example: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>onpaste attribute</title>
    <style>
        body {
            text-align: center;
        }
 
        h1 {
            color: green;
        }
    </style>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2>onpaste Attribute</h2>
    <input type="text" onpaste="Geeks()"
        value="A computer science portal for geeks" size="40">
    <p id="sudo"></p>
 
    <script>
        function Geeks() {
            document.getElementById("sudo").innerHTML = "pasted text!";
        }
    </script>
</body>
</html>

Output: 
 

Supported Browsers: The browser supported by onpaste attribute are listed below: 

  • Apple Safari 3
  • Google Chrome 1
  • Edge 12
  • Firefox 22
  • Opera 12.1
  • Internet Explorer 9
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!